title: jQuery slideToggle stay open on hover
body: <p>I have a div that I have bound the jQuery hover event to activate a slideDown using slideToggle:     </p>
  
  <pre><code>&lt;div class="Square"&gt;
      &lt;div class="RedSquare"&gt;&lt;/div&gt;
      &lt;div class="GraySquare"&gt;&lt;/div&gt;
  &lt;/div&gt;
  
  $("div.RedSquare").hover(
      function() {
          $(this).siblings("div.GraySquare").slideToggle("fast");
      },
      function() {
          $(this).siblings("div.GraySquare").slideToggle("fast");
      }
  );
  </code></pre>
  
  <p>It toggles a div '.GraySquare' right below it. Basically making a gray box slide down from the red box. The problem I am facing is that when the mouse moves over the gray div the slide toggles up. I want it to remain down when hovering over the red or gray square.</p>
  
  <p>Any help is appreciated.</p>