title: How to slideToggle() parts of menus?
body: <p>Suppose I have a list menu:</p>
  
  <pre><code>&lt;html&gt;
  &lt;body&gt;
    &lt;div id="menu"&gt;
    &lt;ul&gt;
        &lt;li&gt;News
            &lt;ul class="inner_menu"&gt;
                &lt;li&gt;Hi&lt;/li&gt;
            &lt;/ul&gt;
        &lt;/li&gt;
        &lt;li&gt;Bumble
            &lt;ul class="inner_menu"&gt;
                &lt;li&gt;Hellos&lt;/li&gt;
            &lt;/ul&gt;
        &lt;/li&gt;
        &lt;li&gt;Scratch&lt;/li&gt;
        &lt;li&gt;Snap&lt;/li&gt;
    &lt;/ul&gt;
  &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>And I want all unordered lists be hidden but slidedown/up (jquery slideToggle()) if you hover above the 'li' element in which they are nested. I am having problems with selecting the right elements. E.g. I want to slideToggle() .inner_menu with 'Hi' when I hover above "News".</p>
  
  <p>So far I have been able to slideToggle() all of the .inner_menus or get different unwanted results. I think I can just add bunch of different 'id's but that would be just so messy, considering two similar menus with a lot of inner_menus.</p>