title: JQuery slide effects on drop down menu
body: <p>I created jquery dropdown menu like <a href="http://jsfiddle.net/Cq9Ky/" rel="nofollow">this</a>. I want to add slide effect on drop down menu. At the same time if I am placing my mouse over my menu tab the sub menu was opened now it is looking like one step up compare to the menu tab. I need slide like  <a href="http://jsfiddle.net/3aK9k/4/" rel="nofollow">this</a>. I here added my script.</p>
  
  <pre><code>function mainmenu() {
      jQuery(" #na1").hover(function () {
  //alert("hai-2");
          jQuery(this).find('#content1').slideDown("fast");
      }, function () {
          jQuery(this).find('#content1').slideUp("fast");
      });
  }
  
  $(document).ready(function () {
      mainmenu();
  }); 
  </code></pre>
  
  <p>Thanks in advance</p>