divを閉じたときにremoveClass（）が返される

Question

別のdivが閉じられたときに、要素からクラスを削除するときに問題があります。

あなたは、私はそれを行くjqueryのタブ付きメニューはデフォルトで開い何から始まり持っている以下の私のコードと私のFiddle

から見ることができます。タブをクリックすると、コンテンツが開きタブが強調表示されます。ただし、同じタブをもう一度クリックしてコンテンツを閉じると、タブは強調表示されたままになります。

私は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

クラス

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

デモ削除/追加するtoggleClass機能を使用します。http://jsfiddle.net/Us8uc/6747/