jquery animate가 까다로워졌습니다.

Question

나는 쉬운 것처럼 보이지만 제대로 작동하지 않는 작업을 해결하려고합니다. 2 개의 링크가 있습니다. 링크를 클릭하면 해당 div가 표시됩니다.

는 내가 뭘 싶은 것은 :

링크 # 1을 클릭 : 링크 # 2를 클릭하면, 쇼 DIV # 1을 : 쇼 DIV # 2.

div를 페이드 인하 고 동시에 밀어 넣으면 div가 서로 교차 페이드해야 함을 의미합니다.

사업부 애니메이션을 내 현재 코드는 다음과 같습니다

 div.animate({ 
      "height": "toggle", "opacity": "toggle" 
     }, "slow"); 

문제가 - 빠르게 두 링크 사이 클릭하면, 애니메이션이 미쳐 여러 번 애니메이션을 유지하는 것입니다 .. 어떤 아이디어가이 문제를 어떻게 해결하는 ?

감사

Answer 1

.stop(true, true)

div.stop(true, true).animate({ 
    "height": "toggle", "opacity": "toggle" 
}, "slow");