JQuery - ナビゲーションの現在のタブを強調表示

Question

私は現在のタブを強調するさまざまな方法を見てきましたが、about.html、services.htmlなどの別のページを使用していない別のhtmlページがあります。

私は現在、必要な情報を含むdivを使用しています。「about」タブをクリックするたびにdivについての情報が表示されます。しかし、私は、タブを強調する方法が不明です。ここで

は、私は、体内のhtmlとして持っているものです。

<div id="wrapper"> 
<ul><li><a href="Javascript:ShowContent('about'); 
       Javascript:HideContent('graph')" 
       class="about"></a></li> 

    <div class="portfolio"><a class="portfolio"><span>Portfolio</span></a></div> 

    <div class="accordionContent"> 
      <a href="Javascript:HideContent('about'); 
        Javascript:ShowContent('graph')" 
       class="graph"></a> 
    </div> 
</ul> 

メニューは、背景グラフィックスを使用していますので、私は別の、元のグラフィックを交換したいです。また、私はアコーデオンのメニューも使用しています。どのくらいエンドコードに影響を与えるのか分かりませんが、私はそれを含めるべきだと思いました。

Answer 1

.selectedHeaderのためのあなたのCSSルールは、色、背景画像を変更することができます

$(".tabHeader").click(function() { 
    $(".selectedHeader").removeClass("selectedHeader"); 
    $(this).addClass("selectedHeader"); 
    // Do your other stuff to show the correct tab. 
}); 

など