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