Slidetoggle JQuery的多个实例

Question

我有3个div用于在我的网站页面顶部显示导航。所有使用jQuery功能：

$('#div_button').click(function() { 
     $('#div_nav').slideToggle(); 
); 

的问题是，我可以得到这样一个场景，我得到彼此的顶部2个slidetoggles/div的和那不是好。当我点击一个按钮开始slideToggle我想删除当前正在显示的任何其他div。

描述该问题的一个画面：

任何人都可以提出一个解决方案？

在此先感谢

Answer 1

我设法找到解决这个问题的方法。基本上你需要使用这个功能，等待其他slideToggles或slideUPs完成：

$('#tcd-home-view-nav').slideUp(function(){ 
    // Animation complete. 
    $('#tcd-home-edit-nav').slideToggle(); 
}); 

干杯的人帮我解决这个问题。 Chris

Answer 2

hide()所有其他div第一

$('#div_button').click(function() { 
    $('.otherDivClass').hide(); 
    $('#div_nav').slideToggle(); 
); 

Answer 3

使用插件像手风琴让您无需添加类的标题和内容元素运用你后的功能。

http://api.jqueryui.com/accordion/

的选择，如果你确信你需要坚持使用的ID，是写3个独立点击功能，打开和关闭与每个相关内容。