当div关闭时，removeClass（）

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/