将当前/活动状态添加到两个对象

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"); 
    }); 
});