페이드 아웃 요소를 중지하는 방법 :jQuery를 - 나는 메뉴가
<ul>
<li class='1'>test1</li>
<li class='2'>test2</li>
<li class='3'>test3</li>
<li class='4'>test4</li>
</ul>
<br/>
<div class='clear'></div>
<div id='1' class='sub-menu'>1111111111111</div>
<div id='2' class='sub-menu'>2222222222222</div>
<div id='3' class='sub-menu'>3333333333333</div>
<div id='4' class='sub-menu'>4444444444444</div>
각 div
li
에 대한 숫자 ID로합니다.
마우스 포인터가 리로 갈 때 div가 표시됩니다.
스크립트
$(function(){
$('li').hover(function(){
$('.sub-menu').css('display', 'none');
var id = '#' + $(this).attr('class');
$(id).css('display', 'block');
},function(){
$('.sub-menu').delay(200).fadeOut('slow');
});
$('.sub-menu').hover(function(){
$(this).css('display', 'block');
},function(){
$(this).delay(200).fadeOut('slow');
});
});
그러나 문제는 여기에 그 DIV의 마우스 오버 페이드 아웃 작품과 숨기기 DIV한다. 어떻게 페이드 아웃을 멈출 수 있습니까?
stop()과 같은 함수를 찾고 있습니다. 덕분에 – Chalist
@chalist : 도움이 될 수있어서 기쁩니다. 해피 코딩 –