.show를 사용하여 div를 슬라이드 아웃합니다. ignones {position : absolute; 하단 : 0px;} 크롬 & 사파리, 파이어 폭스에서 작동

Question

jquery .hide를 사용하여 부모 div 안에 'extra deatils'div를 숨기려면 사용자가 부모를 가리키면 .show/.toggle을 사용하세요. (jquery-ui 슬라이드)

필자는 ive가 부모 위치의 맨 아래에 {위치 : 절대; 아래쪽 : 0px;} (크롬과 사파리 (둘 다 osx)로 넘어갈 때 슬라이더 밖으로 움직이면 맨 위부터 완전히 아래로 이동합니다.

firefox osx에서 제대로 작동합니다.

다른 문제는 마우스를 약 5 초 동안 앞뒤로 움직이면 마우스를 맴도는 경우가 아니라도 표시된 위치에 머물러있는 지점으로 혼란스러워하는 것 같습니다.

필자는 이러한 문제의 원인이 될 수 무엇 jsfiddle http://jsfiddle.net/pWaMx/

어떤 아이디어를 만들어?

Answer 1

변경

$('.box').toggle("slide", { 
    direction: "down" 
}, 350); 

$('.box').stop(true, true).toggle("slide", { 
    direction: "down" 
}, 350); 

에 나는 또한 CSS에 .box을 숨기는 게 좋을 것.

업데이트 jsFiddle는 : http://jsfiddle.net/pWaMx/3/

Answer 2

나는 반송 또는 축소 스파 즈하지 않습니다,이

http://jsfiddle.net/pabo/pWaMx/13/

$(document).ready(function() { 
    $('.tile').hover(function() { 
     $('.box').stop().slideToggle("350"); 
    }); 
}); 

간단한을 사용하고, OSX 파이어 폭스와 OSX 사파리에서 나를 위해 작동합니다.