javascript - 切换效果不起作用

Question

你好 friend 我想在<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);
        });
    });