jQuery drop down question
<p>I'm writing my own simple drop-down...and it's not going so well.</p>

<p>I need only the direct child of the list that's being hovered over to slide down.</p>

<p>Also, it needs to stay down if the user is over the link OR the sub-menu.</p>

<p>Thanks for the help!!!</p>

<p>My basic HTML:</p>

<pre><code>            &lt;ul&gt;
                &lt;li class="media drop-down"&gt;&lt;a href="#"&gt;Link&lt;/a&gt;
                    &lt;ul class="sub-menu"&gt;
                     &lt;li&gt;
                     This is stuff!
                     &lt;/li&gt;
                    &lt;/ul&gt;
                &lt;/li&gt;
            &lt;/ul&gt;
</code></pre>

<p>My jQuery</p>

<pre><code>$('.sub-menu').hide();
var menu = $('.drop-down').children('ul');
var down = function (x) {menu.stop().slideDown(); }
var up = function (x) {menu.stop().slideUp(); }
$("li.drop-down").hover(down, up);//show/hide buttons
</code></pre>
