how to apply a function on child element using $(this) in jquery
<p>I am basically trying to apply slide down navigation in jQuery.
I use this code :</p>

<pre><code>&lt;script&gt;
    $(document).ready(function() {
        $(".menu").hover(function(){
            $(".submenu").animate({ height: 'show', opacity: 'show' }, 'slow');
        }, function(){
            $(".submenu").animate({ height: 'hide', opacity: 'hide' }, 'slow');
        });
    });
&lt;/script&gt;
</code></pre>

<p>But when I hover upon a <code>.menu</code> div then all the <code>.submenu</code> div gets slide down. So I tried to accomplish it using <code>$(this)</code> . But I don't know how to do this.</p>
