Jquery目标非子元素

Question

我有一系列使用jquery .animate方法打开的标签。它们都具有相同的类名，因此我使用.children方法仅打开单击的选项卡。

问题是我需要在打开时关闭所有其他选项卡。我需要定位所有tab-inner类，不包括所单击的子项。

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