jQuery的切换关闭其他打开的div

Question

我有使用肘，我需要关闭所有已经打开的其他div的问题，所以只有您点击DIV是开放的一次，但仍切换。

<script type="text/javascript"> 
    $(function() { 
     $(".flyout").hide(); 
     $(".flyout").siblings("span").click(function() { 
      $(this).siblings(".flyout").toggle(500); 
     }); 
    }); 
</script> 

<ul> 
<li ><span id="europe"></span>Europe 
<div class="flyout"> 
<ul> 
<li>item 1</li> 
</ul> 
</div> 
</li> 

<li ><span id="europe"></span>Asia 
<div class="flyout"> 
<ul> 
<li>item 1</li> 
</ul> 
</div> 
</li> 
</ul> 

任何想法，我可以添加到点击函数来关闭每个其他div class =“flyout”，除了它的一个？

看看http://www.footballadvisor.net/map/看问题

感谢

Answer 1

检查，请：

http://jsfiddle.net/MbTRD/1/

$(function() { 
    $(".flyout").hide(); 
    $(".flyout").siblings("span").click(function() { 
     $(this).siblings(".flyout").toggle(500); 
    }); 
}); 

Answer 2

国家的名称应如果你想要t就在跨度范围内o捕捉点击事件。 除了元素紧随一切你点击：

<script type="text/javascript"> 
    $(function() { 
     $(".flyout").hide(); 
     $(".flyout").siblings("span").click(function() { 
      $(".flyout").hide(); 
      $(this).siblings(".flyout").toggle(500); 
     }); 
    }); 
</script> 

<ul> 
<li ><span id="europe">Europe</span> 
<div class="flyout"> 
<ul> 
<li>item 1</li> 
</ul> 
</div> 
</li> 

<li ><span id="europe">Asia</span> 
<div class="flyout"> 
<ul> 
<li>item 1</li> 
</ul> 
</div> 
</li> 
</ul> 

Answer 3

检查这个http://jsfiddle.net/MbTRD/5/我希望这将有助于您

Answer 4

这里的改进，您的jQuery：Fiddle

$(function() { 
     $(".flyout").siblings("span").click(function() { 
      $(".flyout").slideUp(200, function() { 
       $(this).siblings(".flyout").toggle(500); 
      }); 
      $(this).siblings(".flyout").toggle(500); 
     }); 
    });