.slideUp() 나는 현재 코드의이 비트가

Question

특정 사업부 이외의 다른 어떤 유혹 할 때 : .usericon 유혹하면서 현재 (그러나 경우에만 .profile에 div의 아래로 슬라이딩되는

$(".usericon").hover(function() { 
    if ($(".profile").is(":hidden")) { 
    $(".profile").slideDown('slow'); 
    } 
    }); 

그것은 숨겨져있다)

내가하고 싶은 것은 .profile 위에 마우스를 올리면 아무 것도 일어나지 않는다. 그러나 .profile이 아닌 다른 곳을 가리키면 슬라이드된다.

어떻게 구현하나요?

Answer 1

의 경우 프로필이나 usericon 위에 마우스 이벤트가 버블 링되는 것을 중지하고 본문을 가리키면 div를 닫아야합니다. 여기

몇 가지 예제 코드입니다 :

$(".usericon").mouseover(function (event) { 
    event.stopPropagation(); 
    if ($(".profile").is(":hidden")) { 
     $(".profile").slideDown('slow'); 
    } 
}); 

$('.profile').mouseover(function (event) { 
    event.stopPropagation(); 
}); 


$('body').mouseover(function() { 
    if ($(".profile").not(":hidden")) { 
     $(".profile").slideUp('slow'); 
    } 
});