jquery dropdown only when current button is hovered
<p>I am new to jQuery and am not sure how to solve this jQuery dropdown problem I am having. </p>

<p>When you hover over one of the links, the dropdown menu works fine, however I have added a second dropdown to the navigation, and now when you hover one of the links, both the dropdowns are revealed. I only want the current dropdown menu to be revealed. </p>

<p>Here is my code, and a link to jsfiddle <a href="http://jsfiddle.net/K2Zzh/1/" rel="nofollow">http://jsfiddle.net/K2Zzh/1/</a>...</p>

<pre><code>$('.dropdown ul').hide();   
$('.dropdown').hover(function(){
    $('.dropdown ul').stop().slideDown(500);
    },function(){
    $('.dropdown ul').stop().slideUp(200);
});
</code></pre>

<p>I know why it is doing what it is doing, and I know I should be using a <code>this</code> somewhere but I am not sure where.</p>
