테스트 사이트 - 개발 중인 베타 버전입니다

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

· 13년 전 · 1257 · 1

링크

< (95)
음 예를 들어
 
<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 } 이런 식으로 해도 될 것 같은데요..

게시글 목록

번호 제목
19384
27584
6013
6004
27572
5997
5992
5981
5964
5952
5948
5941
5937
5934
5931
19383
5926
5923
5913
24558
5912
30895
27563
5907
5903
5900
27556
5898
24555
5894
5893
5890
5884
27537
5881
5878
30888
30884
5876
5874
27524
27514
19379
19377
27509
5869
5866
27505
5865
5860
5857
27503
27481
27462
5856
19511
27458
24547
19374
19373
19371
27453
19370
27449
27441
19366
24544
19365
19361
19360
19358
19356
19354
19351
19348
19346
19339
19334
5849
27439
5846
27434
27429
19331
19329
19328
5841
5840
19326
5834
5831
5826
19324
5821
32040
27426
19320
5816
32030
5815