순차애니메이션 질문좀 드리겠습니다. 정보
jQuery 순차애니메이션 질문좀 드리겠습니다.관련링크
http://<
128회 연결
본문
음 예를 들어
<ul>
<li>
<span>메뉴1</span>
<ul>
<li>메뉴1-1</li>
<li>메뉴1-2</li>
</ul>
</li>
<li>
<span>메뉴2</span>
<ul>
<li>메뉴2-1</li>
<li>메뉴2-2</li>
</ul>
</li>
</ul>
$("ul>li>span").click(function(){
$(this).next().slideUp(1000);
return false;
})
이런 소스가 있다고 했을 때 메뉴1과 메뉴2를 왔다갔다하게 되면 애니메이션이 1과 2를 왔다갔다하며 여러번 처리되는데요
이걸 꼼수가 아닌 jquery 에서 제공하는 기능으로 막을수 있을까요?
메뉴1과 메뉴2를 왓다갓다하여도
메뉴1의 하위메뉴가 다 나온후에 메뉴2 하위메뉴가 나오는 이런 식으로요
추천
1
1
댓글 1개
부족한 생각이긴 한데요.. 메뉴1의 하위메뉴가 애니메이션 중이면 다른 애니메이션이 실행되지 않도록 하는 건 어떨까 싶습니다. jQuery is()를 사용하면 대략 if($('#menu1').is(":animated")) { return false } 이런 식으로 해도 될 것 같은데요..
