Question

hello friends i want to use toggle on <li> when one <li> is open i want rest <li> get close i have tried this http://jsfiddle.net/MbTRD/1/ but its not working as i want

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

Please help thanks

Answer 1

http://jsfiddle.net/MbTRD/7/ should work

You had to put a $(".flyout").hide(500); in your function

But then you still have to check if you are clicking a open menu or not

like this

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