javascript - removeClass() 当 div 关闭时

Question

当单独的 div 关闭时，我无法从元素中删除类。

您可以从我下面的代码和我的 Fiddle 中看到

我有一个 jquery 选项卡式菜单，默认情况下开始时没有打开任何内容。单击选项卡时，将打开内容并突出显示该选项卡。但是，如果您再次单击同一选项卡并关闭内容，该选项卡仍会突出显示。

我试过 removeClass 但没有成功。

JS

$(document).ready(function() {
  $(".tabs-menu a").click(function(event) {
    event.preventDefault();
    $(this).parent().addClass("current");
    $(this).parent().siblings().removeClass("current");
    var tab = $(this).attr("href");
    $(".tab-content").not(tab).css("display", "none");
    $(tab).slideToggle();
  });
});

HTML

<div id="tabs-container">
  <div class="tabs-menu">
    <div><a href="#tab-1">One</a></div>
    <div><a href="#tab-2">Two</a></div>
    <div><a href="#tab-3">Three</a></div>
    <div><a href="#tab-4">Four</a></div>
  </div>
  <div class="tab">
    <div id="tab-1" class="tab-content">
      Hello
    </div>
    <div id="tab-2" class="tab-content">
      Number Two
    </div>
    <div id="tab-3" class="tab-content">
      Tab 3
    </div>
    <div id="tab-4" class="tab-content">
      Bye
    </div>
  </div>
</div>

Answer 1

使用toggleClass函数添加/删除类

 $(this).parent().toggleClass("current");

演示:http://jsfiddle.net/Us8uc/6747/