Question

你好朋友我想在<li> <li>开启<li>时我想要休息$(function () { $(".flyout").hide(); $(".flyout").siblings("span").click(function () { $(this).siblings(".flyout").toggle(500); }); });关闭我试过这个http://jsfiddle.net/MbTRD/1/但它不能正常工作想

{{1}}

请帮助谢谢

Answer 1

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

Answer 2

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 3

喜欢这个吗？

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

Answer 4

这应该可以解决问题：

$(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如果您想尝试一下

切换效果不起作用

4 个答案: