JQuery - Выделить текущую вкладку в навигации

Question

Я видел множество способов выделить текущую вкладку, но все они были с отдельными страницами html, где я не использую разные страницы, такие как about.html, services.html и т. Д.

В настоящее время я использую divs с информацией, в которой я нуждаюсь, и всякий раз, когда я нажимаю на вкладку «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

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

Ваших правила CSS для .selectedHeader могут изменить цвет, фоновое изображение и т.п.