查找下一個框類和關閉

Question

所有， 我已經得到了以下JS小提琴：http://jsfiddle.net/HHtBX/11/

我想基本上關閉所有打開的其他框。所以在做了onClick和Toggles之後，我嘗試關閉其他所有東西。

切換部分工作正常，但我無法關閉打開的框。任何想法如何實現這一目標？

謝謝！

Answer 1

這樣的：http://jsfiddle.net/49bWx/加入：

$('.trigger.active').not(this).toggleClass("active").next().slideToggle('slow'); 

Answer 2

在onclick事件中隱藏所有展開的項目（帶有類框）。

$(".trigger").click(function() { 
    $(".box").slideUp(); 
    $(this).toggleClass("active").next().slideToggle('slow'); 
    return false; 
}).find(".box").next().slideToggle('slow'); 

這裏是工作樣例：http://jsfiddle.net/HHtBX/13/

Answer 3

$(".tb-toggle").each(function(){ 
    $(this).find(".box").hide(); 
}); 

$(".trigger").click(function() { 
    $(".tb-toggle").each(function(){ 
     $(this).find(".box").hide(); 
    }); 

    $(this).toggleClass("active").next().slideToggle('slow'); 
    return false; 
}).find(".box").next().slideToggle('slow'); 

Answer 4

嘗試

$(".trigger").click(function() { 
    $(".box").slideUp('slow'); 
    $(this).toggleClass("active").next().slideToggle('slow');  
    return false;  
}); 

Answer 5

這個怎麼樣

$(".trigger").click(function() { 
    $(this).toggleClass("active").next().slideToggle('slow', function(){ 
     $('.box').not(this).slideUp('slow');  
    }); 
    return false; 
    }); 

Answer 6

http://jsfiddle.net/HHtBX/14/試試這個，

var next=$(this).toggleClass("active").next(); 
    next.slideToggle('slow'); 
    $('.box:visible').not(next).slideToggle('slow'); 

Answer 7

你想這一次打開時可以隱藏所有其他框？

$(".tb-toggle").each(function(){ 
    $(this).find(".box").hide(); 
}); 

$(".trigger").click(function() { 
    $(this).toggleClass("active").next().slideToggle('slow'); 
    $(".trigger.active").not(this).removeClass("active").next().slideUp('slow'); 
    return false; 
}).find(".box").next().slideToggle('slow'); 

我把它放在小提琴http://jsfiddle.net/HHtBX/18/