일으키는 여러 요소가 하나 개의 클릭 이벤트에서 반대 방향으로 밀어 넣습니다

Question

내가 만드는 오전에 '소개'페이지를하고 난

상단 DIV 슬라이드를 밀어 두 div의 원인이되는 중간에 버튼을 클릭합니다 UP을 보았고 아래쪽 div는 아래쪽으로 이동하여 또는 위쪽 div를 슬라이드 UP하고 특정 지점에서 멈추고 아래쪽 하나는 똑같습니다.

어떻게 달성 할 수 있습니까? 나는 주변을 둘러 보았고 나는 자바 스크립트에 매우 익숙하다. 나는 단지 정확한 예를 필요로한다. 그냥 말하지 말고 .bind() 메서드를 사용하십시오! 내가 그

Answer 1

를 사용하여 애니메이션 기능을 구현하는 방법을 이해하는 습관 때문에 : 나는 그것을 테스트하지 않았습니다 만 작동합니다

$(document).ready(function(){ 
    $('#yourButtonId').click(function(){ 
     $('#yourTopDivId').animate({ 
      //css properties - specify new position with css 
      top: '0px', 
      left: '20px' 
     },5000 // animation will run for 5 seconds 
     ,function(){ 
     // what should happen when it's done goes here 
     }); 
    }); 
    $('#yourButtonId').click(function(){ 
     $('#yourBottomDivId').animate({ 
      //css properties - specify new position with css 
      bottom: '0px', 
      left: '20px' 
     },5000 // animation will run for 5 seconds 
     ,function(){ 
     // what should happen when it's done goes here 
     }); 
    }); 
}); 

.

// 편집 지금 테스트했습니다. 링크는 다음과 같습니다. http://jsfiddle.net/ZCh9x/