Jquery, 떠 다니는 요소가 사라진 후 부드러운 전환 슬라이드가 사라졌습니다.

Question

아직 jquery에 익숙하지 않습니다.

$(document).ready(function(){ 

       $('body').click(function(event) { 
        if($(event.target).is('.pageOne')) { 
         $('.pageTwo, .pageThree, .pageFour').fadeOut(); 
                } 

        else if ($(event.target).is('.pageTwo')) { 
         $('.pageOne, .pageThree, .pageFour').fadeOut(); 
         } 

        else if ($(event.target).is('.pageThree')) { 
         $('.pageFour, .pageTwo, .pageOne').fadeOut(); } 

        else if ($(event.target).is('.pageFour')) { 
         $('.pageThree, .pageTwo, .pageOne').fadeOut(); } 
       }); 



      }); // end ready 

이 나중에 뭔가로 번역 할 수 단지 프로토 타입입니다 : 나는 당신이 명확하게하기 위해 예제를 참조해야합니다 생각하지만 여기

Check out my jsfiddle

는 jQuery 코드입니다 유능한. 기본적으로 내가하려고하는 것은 색깔있는 기사 중 하나를 클릭하면 나머지는 사라지고 (작동하는), 클릭 한 종류의 항목이 왼쪽으로 점프하는 것을 볼 수 있습니다. 왼쪽으로 떠있다.

내가 원하는 것은 클릭 한 기사가 어떻게 든 왼쪽으로 부드럽게 미끄러 져 들어가는 것입니다.

달성 방법에 대한 아이디어가 있으십니까? 사전에

감사합니다!

Answer 1

어쩌면이 같은 animate() 방법 fadeOut()을 대체 할 수

$('.pageTwo, .pageThree, .pageFour').animate({'width':'0','opacity':'0'}); 

http://jsfiddle.net/QLcCT/6/