jquery目標非子元素

Question

我有一系列使用jquery .animate方法打開的選項卡。他們都有相同的類名，所以我使用.children方法只打開點擊標籤。

問題是我需要關閉所有其他標籤打開時。我需要定位除了被點擊的那個孩子以外的所有標籤內部類。

<div class="tab"> 
    <div class="tab-inner"> 
    </div> 
</div> 

<div class="tab"> 
    <div class="tab-inner"> 
    </div> 
</div> 

<div class="tab"> 
    <div class="tab-inner"> 
    </div> 
</div> 

$('.tab').toggle(function() { 
     $(this).children('.tab-inner').animate({width: 840}); 
    }, function() { 
     $(this).children('.tab-inner').animate({width: 60}); 
    }); 

Answer 1

$(this).siblings().children('.tab-inner') 

Answer 2

你可以只動畫所有.tab-inner要素第一：

$('.tab').toggle(function() { 
    $('.tab-inner').animate({ width : 60 }); 
    $(this).children('.tab-inner').animate({ width : 840 }); 
}, function() { 
    $(this).children('.tab-inner').animate({ width : 60 }); 
});