jQuery make activeアクティブコンテンツを表示する

Question

私はul navを持っています。 "Resources" liをクリックして "Resources" liをアクティブにするときに、divコンテンツを表示する必要があります。次に、divコンテンツをクリックして閉じると、divコンテンツを非表示にしてliをアクティブにしません。どんな洞察が助けになるかわからないので、これをやっていく方法についてはわかりません。

クリックして、このリチウムアイテム、アクティブます

<li><a href="">Resources</a></li> 

ショーこのdivのコンテンツ

<div id="pdftab">Some content</div> 

私はあなたを与えることができ、ページのマークアップの知識がなくても、

Answer 1

本当にありがとうございましたヒント。このような何かがあなたのために働くでしょう。

$('li a').click(function(){ 
    $('#pdftab').show(); 
    $(this).parent().addClass('active'); 
    return false; 
}); 

$('#pdftab').click(function(){ 
    $(this).hide(); 
    $('li').removeClass('active'); 
}); 

あなたはDOM要素からクラスを追加/削除するaddClass/removeClassを使用することができます

.active{ 
    //add required styles 
} 

アクティブクラスのスタイルを定義します。 jQueryオブジェクトに.parent()を呼び出すと、親要素が取得されます。

更新：

$('#navlist li:eq(1) a').click(function(){ 
    $('#pdftab').show() 
       .animate({left: '+=340px'}, 1200); 
    $(this).parent().addClass('resourceactive'); 
    return false; 
}); 

$('#pdftab').click(function(){ 
    $(this).hide(); 
    $('#navlist li:eq(1)').removeClass('resourceactive'); 
});