JQuery slideToggle остается открытым по наведению

Question

У меня есть DIV, что я связала парение события JQuery для активации slideDown с помощью 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"); 
    } 
); 

Он переключает DIV «.GraySquare» прямо под ней. По сути дела, серая коробка скользит вниз от красной коробки. Проблема, с которой я сталкиваюсь, заключается в том, что когда мышь перемещается по серому div, слайд переключается. Я хочу, чтобы он оставался при падении над красным или серым квадратом.

Любая помощь приветствуется.

Answer 1

Изменить это так парить активно на вмещающий «квадрат» DIV:

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