功能只針對點擊元素

Question

我有一個頁面有幾個手風琴，這是工作，但JS是影響所有手風琴，不僅是點擊手風琴，因爲它應該是。 JS如何改變只有「點擊」手風琴改變了？

這裏的JS：

jQuery(document).ready(function(){ 

jQuery('ul.tabs li').click(function(){ 
    var tab_id = jQuery(this).attr('data-tab'); 

    jQuery('ul.tabs li').removeClass('current'); 
    jQuery('.tab-content').removeClass('current'); 

    jQuery(this).addClass('current'); 
    jQuery("#"+tab_id).addClass('current'); 
}) 

}) 

這裏一個accordeons的：

<div class="mytabcontainer"> 
<ul class="tabs"> 
<li class="tab-link current" data-tab="A-1">BUTTON A</li> 
<li class="tab-link" data-tab="B-1">BUTTON B</li> 
<li class="tab-link" data-tab="C-1">BUTTON C</li> 
</ul> 
<div id="A-1" class="tab-content current"> 
content A 
</div> 
<div id="B-1" class="tab-content"> 
content B 
</div> 
<div id="C-1" class="tab-content"> 
content C 
</div> 
</div> 
<!-- container --> 

的感謝！

Answer 1

這是因爲您選擇了頁面中的所有手風琴。

你想要做這樣的事情：

jQuery('ul.tabs li').click(function(){ 
    var tab_id = jQuery(this).attr('data-tab'); 

    jQuery(this).closest('.mytabcontainer').find('ul.tabs li').removeClass('current'); 
    jQuery(this).closest('.mytabcontainer').find('.tab-content').removeClass('current'); 

    jQuery(this).addClass('current'); 
    jQuery("#"+tab_id).addClass('current'); 
})