title: How to hide other list items when hovering over one list item?
body: <p>I have a unoderderd list with li elements and when i hover the mouse on one element i want to hide the other elements. How can i do this with jquery.</p>
  
  <pre><code>&lt;ul class='sidebar-iproducts-ul'&gt;
      &lt;li&gt;IPuzzles&lt;/li&gt;
       &lt;li&gt;IPuzzles&lt;/li&gt;
       &lt;li&gt;IPuzzles&lt;/li&gt;
       &lt;li&gt;IPuzzles&lt;/li&gt;
       &lt;li&gt;IPuzzles&lt;/li&gt;
       &lt;li&gt;IPuzzles&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>