jQuery silde질문
본문
$('#subWrap').hide(); // 초기화
$('#menu').mouseover(function(){
$('#subWrap').stop();
$('#subWrap').slideDown(250);
});
$('#subWrap').mouseover(function(){
$('#subWrap').stop();
$('#subWrap').slideDown(250);
});
$('#menu').mouseleave(function(){
$('#subWrap').stop();
$('#subWrap').slideUp(250);
});
$('#subWrap').mouseleave(function(){
$('#subWrap').stop();
$('#subWrap').slideUp(250);
});
이렇게 jQuery 메뉴를 사용하고 있는데요.
#menu에 마우스를 올리면 #subWrap 이 sildeDown()으로 내려오는 방식의 메뉴를 만들어 사용하고 있습니다.
근데 문제는 #menu에 마우스를 올려 #subWrap이 다 나오기도 전에 #subWrap에 마우스를 가져다 대면
$('#menu').mouseleave(function(){
$('#subWrap').stop();
$('#subWrap').slideUp(250);
});
와
$('#subWrap').mouseover(function(){
$('#subWrap').stop();
$('#subWrap').slideDown(250);
});
때문에 조금 버벅이고 슬라이드가 내려 옵니다.
혹시 이 부분 어떻게 해결해야 하나요??
!-->!-->!-->
답변 1
1. 아래 소스 삭제
$('#menu').mouseleave(function(){
$('#subWrap').stop();
$('#subWrap').slideUp(250);
});
2. subWrap 가 positon:absolute 인가요?
그러다면, subWrap 레이어가 menu 위를 덮으면 됩니다.
!-->
답변을 작성하시기 전에 로그인 해주세요.