title: show sibling li on click and hide open sibling li - jQuery
body: <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>