將當前/活動狀態添加到兩個對象

Question

我試圖改變在邊欄中具有第二種導航形式的手風琴的活動狀態來控制它。對於手風琴和側邊欄按鈕，我有活動狀態可以控制它，但是我希望手風琴的活動狀態和與它相對應的按鈕在點擊一個或另一個狀態時應用當前狀態。 ..下面是它目前的js代碼：

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> 

這裏是有問題的網頁之一，所以你可以看到更好的我想要完成： 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"); 
    }); 
});