현

순차애니메이션 질문좀 드리겠습니다.

링크

< (133)
음 예를 들어
 
<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의 하위메뉴가 애니메이션 중이면 다른 애니메이션이 실행되지 않도록 하는 건 어떨까 싶습니다. jQuery is()를 사용하면 대략 if($('#menu1').is(":animated")) { return false } 이런 식으로 해도 될 것 같은데요..
댓글을 작성하시려면 로그인이 필요합니다.

팁게시판

6,077건

디자인과 관련된 유용한 정보를 공유하세요. 질문은 상단의 QA에서 해주시기 바랍니다.

+
제목 글쓴이 날짜 조회
12-12-01 조회 1,244
12-11-28 조회 2,842
12-11-25 조회 2,635
12-10-20 조회 2,032
12-10-03 조회 2,221
12-09-26 조회 2,555
12-09-15 조회 6,172
12-09-14 조회 3,203
12-09-11 조회 1,928
12-09-10 조회 1,806
12-09-05 조회 6,418
12-08-29 조회 2,221
12-08-26 조회 1,324
12-08-23 조회 1,024
12-08-22 조회 1,116
12-08-22 조회 1,815
12-08-21 조회 1,180
12-08-20 조회 1,020
12-08-20 조회 6,865
12-08-15 조회 2,063
12-08-13 조회 1,012
12-08-11 조회 2,211
12-08-05 조회 2,229
12-08-03 조회 1,046
12-08-03 조회 1,591