title: Jquery prevent repeating animations without breaking my dropdown?
body: <p><a href="http://mmowned.org/dragon/slm/menu9.html" rel="nofollow noreferrer">http://mmowned.org/dragon/slm/menu9.html</a></p>
  
  <p>In an attempt to solve the animation queing in the old version (menu7.html) I tried using .stop() in the dropdown menu.
  Problem is when you "stop" the dropdown halfway through and then start it again, it breaks the menu and only extends back to where it stopped :/</p>
  
  <p>I'm pretty sure this is really simple, but how can I fix this?</p>
  
  <pre><code>$(document).ready(function() {  
      var nid=["bottom","nav","news","wow","emu","war","aoc","diablo","prog","trade"];  
      $('li.navhead2').click(function () {  
      var id = $(this).attr('id')  
      var query = jQuery.inArray(id, nid)  
      if (query !== -1 &amp;&amp; query !== 0)  
      {  
         $("#menu"+query).slideFadeToggle('slow');  
          if (query !== 1 &amp;&amp; query !== 0)  
          {  
          $(this).toggleClass("clicked");  
          }  
          else  
          {  
          $(this).toggleClass("clicked1");  
          }  
      }  
      else if (query === 0)  
      {
      $("[id^=menu]").not("#menu1").slideUp('fast');  
      $("li.navhead2").removeClass("clicked");  
      }  
      });   
   slide("#sliding-navigation", 160, 182, 150, .8);  
    });  
  </code></pre>
  
  <hr>
  
  <pre><code>jQuery.fn.slideFadeToggle = function(speed, easing, callback) {  
      return this.stop().animate({opacity: 'toggle', height: 'toggle', queue:false}, speed, easing, callback);  
  };
  </code></pre>
  
  <p>the slide function works how I want it to, but the dropdown doesn't (breaks as stated earlier) and for some reason my toggleclass isn't working either (but it is on the old version)</p>