切换效果

Question

朋友你好我想在<li>使用切换当一个<li>是开放的，我想休息<li>亲近我已经试过这http://jsfiddle.net/MbTRD/1/但其没有工作，因为我想

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

请帮助谢谢

Answer 1

http://jsfiddle.net/MbTRD/7/应该工作

你必须把$(".flyout").hide(500);在你的函数

但你还是要检查，如果你点击一个打开的菜单或不

这样

$(function() { 
     $(".flyout").hide(); 
     $(".flyout").siblings("span").click(function() { 
      if($(this).siblings(".flyout").is(':hidden')){ 
       $(".flyout").hide(500); 
      } 
      $(this).siblings(".flyout").toggle(500); 
     }); 
    }); 

Answer 2

考虑http://docs.jquery.com/UI/Accordion

Answer 3

是这样的？

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

Answer 4

这应该做t他招：

$(function() { 
    $(".flyout").hide(); 
    $(".flyout").siblings("span").click(function() { 
     if($(this).siblings(".flyout").is(':hidden')) 
     { 
      $(".flyout").hide(); 
      $(this).siblings(".flyout").toggle(500); 
     } 
    }); 
}); 

Here is a jsfiddle如果你想尝试一下