현

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

· 2012-09-01 (토) 07:14:08 · 1526 · 1

링크

< (124)
음 예를 들어
 
<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에서 해주시기 바랍니다.

+
제목 글쓴이 날짜 조회
16-03-02 조회 845
16-01-19 조회 472
15-12-23 조회 631
15-12-08 조회 1,280
14-10-30 조회 2,865
14-06-06 조회 2,278
12-08-30 조회 1,483
12-08-20 조회 1,269
12-07-15 조회 2,685
12-07-13 조회 1,459
12-07-06 조회 1,449
12-06-27 조회 1,012
12-06-23 조회 1,125
12-05-03 조회 3,089
12-04-20 조회 2,039
12-03-29 조회 2,356
12-03-22 조회 2,693
12-03-22 조회 1,444
12-03-21 조회 1,277
12-03-11 조회 1,618
12-03-06 조회 1,889
12-02-22 조회 2,229
12-02-17 조회 1,210
12-02-17 조회 4,257
12-02-14 조회 3,874