Jquery 找到下一个box类并关闭它

Jquery 找到下一个box类并关闭它,jquery,jquery-ui,Jquery,Jquery Ui,全部,, 我有以下JS小提琴: 我试图基本上关闭所有其他打开的盒子。所以,在它完成onClick并切换打开的那一个之后,我尝试关闭其他所有东西 开关部分工作正常,但我无法关闭打开的盒子。关于如何实现这一点有什么想法吗 谢谢 隐藏onclick事件上的所有展开项(带有类框) $(".trigger").click(function() { $(".box").slideUp(); $(this).toggleClass("active").next().slideToggle(

全部,, 我有以下JS小提琴:

我试图基本上关闭所有其他打开的盒子。所以,在它完成onClick并切换打开的那一个之后,我尝试关闭其他所有东西

开关部分工作正常,但我无法关闭打开的盒子。关于如何实现这一点有什么想法吗

谢谢

隐藏onclick事件上的所有展开项(带有类框)

$(".trigger").click(function() { 
    $(".box").slideUp(); 
    $(this).toggleClass("active").next().slideToggle('slow');
    return false;
}).find(".box").next().slideToggle('slow');
以下是工作示例:

隐藏onclick事件上的所有展开项(带有类框)

$(".trigger").click(function() { 
    $(".box").slideUp(); 
    $(this).toggleClass("active").next().slideToggle('slow');
    return false;
}).find(".box").next().slideToggle('slow');
这是工作示例:

试试看

试试看

如下所示:通过添加:

    $('.trigger.active').not(this).toggleClass("active").next().slideToggle('slow');
如下所示:添加:

    $('.trigger.active').not(this).toggleClass("active").next().slideToggle('slow');
这个怎么样

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

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

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

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

打开此框时是否要隐藏所有其他框

$(".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');
​我把它放在小提琴上


打开此框时是否要隐藏所有其他框

$(".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');
​我把它放在小提琴上


你能给我们一些代码看看吗,你的问题太模糊了。不要介意。。。duh:-)@NathanBunney我添加了一个JS Fiddle,其中包含了我试图使用的所有代码是的,这就是duh编辑!:-)你能给我们一些代码看看吗,你的问题太模糊了。不要介意。。。duh:-)@NathanBunney我添加了一个JS Fiddle,其中包含了我试图使用的所有代码是的,这就是duh编辑!:-)@Armritpalling谢谢,如果我点击已经打开的那一个,它会关闭它,然后再打开它。“我怎样才能防止这种情况发生?”Armritpalling谢谢,如果我点击已经打开的那一个,它会关闭它,然后再打开它。我怎样才能防止这种情况发生?