현

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

· 2012-09-01 (토) 07:14:08 · 1534 · 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에서 해주시기 바랍니다.

+
제목 글쓴이 날짜 조회
12-09-05 조회 4,946
12-08-31 조회 3,401
12-08-30 조회 4,249
12-08-22 조회 9,375
12-08-09 조회 3,083
12-08-02 조회 1,278
12-07-30 조회 1,694
12-07-15 조회 1,134
12-07-10 조회 1,135
12-07-06 조회 1,097
12-07-06 조회 974
12-07-03 조회 1,754
12-07-03 조회 1,195
12-07-02 조회 1,030
12-06-25 조회 1,675
12-06-20 조회 1,081
12-06-15 조회 1,457
12-06-14 조회 1,001
12-06-08 조회 1,715
12-06-07 조회 1,393
12-06-05 조회 3,322
12-06-05 조회 1,010
12-06-04 조회 1,512
12-06-01 조회 1,736
12-06-01 조회 2,401