Toggle effect not working
<p>hello friends i want to use toggle on <code>&lt;li&gt;</code> when one <code>&lt;li&gt;</code> is open i want rest <code>&lt;li&gt;</code> get close i have tried this <a href="http://jsfiddle.net/MbTRD/1/" rel="nofollow">http://jsfiddle.net/MbTRD/1/</a> but its not working as i want</p>

<pre><code>  $(function () {
        $(".flyout").hide();
        $(".flyout").siblings("span").click(function () {
            $(this).siblings(".flyout").toggle(500);
        });
    }); 
</code></pre>

<p>Please help thanks </p>
