2010-03-17 3 views
3

에 열려있을 :jQuery를 slideToggle 내가이 slideDown 사용 slideToggle을 활성화하기 위해 jQuery를 호버 이벤트를 바인딩 한 사업부가 가져가

<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"); 
    } 
); 

그것은 사업부를 전환 '을 .GraySquare'바로 아래. 기본적으로 회색 상자를 빨간색 상자에서 아래로 슬라이드합니다. 내가 직면하고있는 문제는 마우스가 회색 div 위로 움직일 때 슬라이드가 토글 (toggle)된다는 것입니다. 빨간색 또는 회색 사각형 위로 마우스를 가져 가면 아래쪽으로 유지되기를 원합니다.

도움을 주시면 감사하겠습니다. 그렇게 호버이 포함 된 "광장"사업부에서 활성화되어

답변

7

변경 : 그냥 토글 효과이기 때문에

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

당신은 또한 호버() 메소드의 두 번째() 함수를 제거 할 수 있습니다. –

+0

@Lance - 우수 포인트. (비록 당신이 jQuery 1.4를 사용하고있을 때에 만) – Alconja

+0

부탁드립니다. 쉬운 일이 그리워 싫어! –

관련 문제