jQuery slideToggle rester ouvert sur le vol stationnaire

Question

J'ai un div que je suis lié l'événement hover jQuery pour activer un slideDown en utilisant slideToggle:

<div class="Square"> 
    <div class="RedSquare"></div> 
    <div class="GraySquare"></div> 
</div> 

$("div.RedSquare").hover(
    function() { 
     $(this).siblings("div.GraySquare").slideToggle("fast"); 
    }, 
    function() { 
     $(this).siblings("div.GraySquare").slideToggle("fast"); 
    } 
); 

un div Il permet de basculer « .GraySquare » juste en dessous. Fondamentalement faire une boîte grise glisser de la boîte rouge. Le problème auquel je suis confronté est que lorsque la souris passe sur la div grise, la glissière bascule vers le haut. Je veux qu'il reste en bas au-dessus du carré rouge ou gris.

Toute aide est appréciée.

Answer 1

changer pour le vol stationnaire est actif sur les contenant « Square » div: Méthode

$("div.Square").hover(
    function() { 
     $(this).find("div.GraySquare").slideToggle("fast"); 
    }, 
    function() { 
     $(this).find("div.GraySquare").slideToggle("fast"); 
    } 
);