jquery类切换不关闭之前的

Question

HTML

<div class="wrap">
<div class="t1">
   head 1
</div>
<div class="t2">
    hi
</div>
</div>
<div class="wrap">
<div class="t1">
head 2
</div>
<div class="t2">
    hi2
</div>
</div>

jquery的

$(".t2").hide();
$(".t1").click(function(){
$(this).next(".t2").toggle();
});

我首先按t1然后t2打开，当我按下第二个t1时，第一个t2应该关闭但它仍然打开

http://jsfiddle.net/q539mqon/3/

Answer 1

您需要在点击处理程序

中隐藏它

var $t2s = $(".t2").hide();
$(".t1").click(function () {
    var $t2 = $(this).next(".t2").toggle();
    $t2s.not($t2).hide();
});

演示：Fiddle