show sibling li on click and hide open sibling li - jQuery
<p>might be really simple for you folks ;) 
I have a list of links and when the user clicks on one of them the siblings links should be displayed. I have got to the part when click on link it fade in one list but i want the open sibling list to fade out.</p>

<p>take a look I you might understand better...
<a href="http://jsfiddle.net/jelm/UkRNL/" rel="nofollow">http://jsfiddle.net/jelm/UkRNL/</a></p>

<pre><code>&lt;div class="menu"&gt;
&lt;ul&gt;
    &lt;li&gt;&lt;a href="#"&gt;item one&lt;/a&gt;
        &lt;ul class="children"&gt;
            &lt;li&gt;children of item one&lt;/li&gt;
            &lt;li&gt;children of item one&lt;/li&gt;
        &lt;/ul&gt;
    &lt;/li&gt;

    &lt;li&gt;&lt;a href="#"&gt;item two&lt;/a&gt;
        &lt;ul class="children"&gt;
            &lt;li&gt;children of item two&lt;/li&gt;
            &lt;li&gt;children of item two&lt;/li&gt;
        &lt;/ul&gt;
    &lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;

$(document).ready(function() {
   $('li &gt; ul').hide();
   $('.menu li &gt; a').click(function() {
       $(this).next().fadeIn('slow');
    return false;
   });
});
</code></pre>
