javascript - 根据事件更换类(class)

Question

如果有一组可折叠元素，我需要根据事件 isCollapse 替换类 left 和 right:

<div class="collapsible-set">
  <div class="collapsible">
      <h3>
        <a class="left">
           <span class="left"></span>
        </a>
      </h3>
  </div>
  <div class="collapsible">
      <h3>
        <a class="right">
           <span class="right"></span>
        </a>
      </h3>
  </div>
</div>

我需要切换类(class)。有没有比我想出的方法更简单的方法？

if (collapse) {
  $('.left').addClass('topLeft').removeClass('left');
  $('.right').addClass('topRight').removeClass('right');
  } else if (!collapse) {
    $('.topLeft').addClass('left').removeClass('topLeft');
    $('.topRight').addClass('right').removeClass('topRight');
    }

必须有一种更简单的方法来做到这一点，而无需编写那么多代码......

Answer 1

看看togleClass http://api.jquery.com/toggleClass/

$('.collapsible:eq(0)').find('a').toggleClass('topLeft').toggleClass('left');
$('.collapsible:eq(1)').find('a').toggleClass('topRight').toggleClass('right');