Question

全部，我有以下JS小提琴：http://jsfiddle.net/HHtBX/11/

我试图基本上关闭所有其他打开的盒子。所以在它打开onClick并切换一个打开后我尝试关闭其他所有内容。

切换部分工作正常，但我无法关闭打开的框。关于如何实现这一目标的任何想法？

谢谢！

Answer 1

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

Answer 2

这个怎么样

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

Answer 3

在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 4

$(".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 5

尝试

$(".trigger").click(function() { 
  $(".box").slideUp('slow');
  $(this).toggleClass("active").next().slideToggle('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/

找到下一个框类并关闭它

7 个答案: