title: jQuery - how to use stopPropagation()
body: <p>I've done this before, but I'm having trouble getting this to work...</p>
  
  <p>I need the following jquery to have a .stopPropagation function, so the animation won't go crazy if the user hovers over three elements too quickly!</p>
  
  <pre><code>    $(function () {
              var tabContainers = $('div.subMenu &gt; div');
              tabContainers.hide();
  
              $('.mainMenuDiv a').hover(
              function (e) {
                  tabContainers.filter(this.hash).slideDown();
                  e.stop();
              },
              function(e){
                  tabContainers.filter(this.hash).slideUp();
                  e.stopPropagation();
              });
      });
  </code></pre>