jqueryの追加/削除クラスの問題

Question

タブのようなメニューのナビゲーションの並べ替えを作成しようとしていますが、垂直ボタンを使用しています。ページを開始すると、最初のliクラスが削除され、それ以外の場合は、私のコンテンツdivが表示されます..

最初のリンクは常にページ開始時にアクティブでなければなりません。

<script type="text/javascript"> 
$(document).ready(function() { 

    var tabContainers = $('div.pages > div'); 

    $('div.sidemenu ul.list a').click(function() { 
     tabContainers.hide().filter(this.hash).show(); 

     $('div.sidemenu ul.list li').removeClass('active'); 
     $(this).addClass('active'); 

     return false; 
    }).filter(':first').click(); 


}); 
</script> 
<div class="sidemenu"> 
    <ul class="list"> 
<li class="active"><a href="#first">Login & Password</a></li> 
<li><a href="#second">Contact Details</a></li> 
<li><a href="#third">Company & Branch Details</a></li> 
<li><a href="#forth">Address Details</a></li> 
    </ul> 
</div> 

<div class="pages"> 
    <div id="first"> 
    CONTENT 1 
    </div> 
    <div id="second"> 
    CONTENT 2 
    </div> 
    <div id="third"> 
    CONTENT 3 
    </div> 
    <div id="forth"> 
    CONTENT 4 
    </div> 
</div> 

ない私がここで行方不明ですかわから..私はちょうどコーヒーの私の最初のカップにまだ目が覚めたとたぶんそのcuase ..;）

Answer 1

あなたは<a>要素にクラスを追加しています、親の<li>要素から削除します。

$(this).addClass('active'); // "this" is the <a> that received the event 

    // This removes "active" from the <li> 
$('div.sidemenu ul.list li').removeClass('active'); 

<li>がクラスを持っているため、あなたが意図したように見えます。

$(this).parent().addClass('active'); 

をそれとも、気にしないなら、私は少しでDOM APIを混合：だから、代わりにこれを行うだろう今リフィルを取りに行く

$(this.parentNode).addClass('active'); 

！ ; O）

Answer 2

あなたは私はあなたがLI-要素に追加したいと思いますので、どちらかあなたが

$(this).parent().addClass('active'); 

を追加A-要素に

$(this).addClass('active'); 

を "アクティブ" クラスを追加

またはLI要素のonclickを登録してください