展开不同的div时折叠所有其他div

Question

我有这个JS代码来上下滑动DIV：

$(".desc_div").slideUp();
$(".open_div").click(function(){
    $(this).next(".desc_div").slideToggle("slow");
  });

我怎么能这样做，当第二个div扩展时，另一个打开的会关闭？

http://jsfiddle.net/MaW35/

Answer 1

使用 .siblings（） - 它会选择除其自身之外的所有元素的邻居。

$(".open_div").click(function(){
    $(this).next(".desc_div").slideToggle("slow").siblings('.desc_div').slideUp();
});

http://jsfiddle.net/acrashik/MaW35/7/

Answer 2

这很好用：

$(".desc_div").slideUp();
$(".open_div").click(function(){
    $(this).next(".desc_div").slideToggle("slow");
    $('.desc_div').hide()
    $(this).next(".desc_div").show()
  });