div关闭时removeClass()

时间:2017-02-17 09:17:00

标签: javascript jquery html css

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

您可以从我的代码和我的Fiddle

中看到

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

我尝试过removeClass但没有成功。

JS

python -c "import mayavi"

HTML

$(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();
  });
});

1 个答案:

答案 0 :(得分:5)

使用toggleClass函数添加/删除类

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

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