2つのオブジェクトに現在/アクティブな状態を追加する

Question

サイドバーにナビゲーションの第2の形式を持つアコーディオンのアクティブな状態を変更しようとしています。アコーディオンとそれをコントロールするサイドバーボタンの両方に対してアクティブな状態が働いていますが、アコーディオンのアクティブな状態と、それに対応するボタンの両方をクリックして、現在の状態を適用することができます。

jQuery(function($){ 
    var headerAnchors = $('.btn a').click(function(){ 
    headerAnchors.removeClass('current'); 
    $(this).addClass('current'); 
    }); 
}); 

jQuery(function($){ 
    var headerAnchors = $('.accordion h2 a').click(function(){ 
    headerAnchors.removeClass('current'); 
    $(this).addClass('current'); 
    }); 
}); 

と対応するHTML：：ここで

<div class="accordion"> 
    <section id="item1"> 
     <h2><a href="#item1">Item 1 Title</a></h2> 
     <div> 
      <p>Item 1 content</p> 
     </div> 
    </section> 
    <section id="item2"> 
     <h2><a href="#accordion2">Item 2 Title</a></h2> 
     <div> 
      <p>Item 2 content</p> 
     </div> 
    </section> 
</div> 

<div id="sidebar-nav"> 
    <ul> 
     <li class="btn"><a href="#item1"><img src="button1.jpg" /></a></li> 
     <li class="btn"><a href="#item2"><img src="button2.jpg" /></a></li> 
    </ul> 
</div> 

は、問題のページの1方が良い私が達成しようとしているものを見ることができるように..ですここでの現在のjsのコードです： http://64.82.220.37/CreativeCompounds/exclusive-ingredients.php

アコーディオンアイテムをクリックすると青色に変わり、サイドバーのボタンをクリックすると左端が青色に変わりますが、対応するアコーディオンとボタンが両方とも青色に変わるようにします。

ありがとうございます！

Answer 1

この

jQuery(function($){ 
    var headerAnchors = $('.btn a, .accordion h2 a').on('click', function() { 
    $('.current').removeClass('current'); 
    var anchorID = $(this).attr('href'); 
    $('a[href="'+anchorID+'"]').addClass("current"); 
    }); 
});