인접한 div가있는 Jquery 슬라이드

Question

to the right side of this page을 보면 내가 무슨 말을하는지 알 수 있습니다.

기본적으로, "태그가있는이 그림/그림 제출"을 클릭하면 이전에 숨겨진 div와 함께 오른쪽으로 밀어 내고 싶습니다. 나는 지금 당장 그런 식으로 일하고 있지만, 클릭 한 부분을 볼 수 있듯이 새 패널을 밀어내는 대신 "끝내기"로 건너 뛰기 만하면됩니다. 이것이 내가 원했던 것입니다. 누군가가 나에게 그것의 전환 부분을 구현하는 데 도움이 할 수있는 경우

<script type="text/javascript"> 
    $(document).ready(function(){ 

     $("#right_new").click(function(){ 
     $("#right_panel").show('slide', {direction: 'right'}, 500); 

     }); 

     }); 
</script> 

, 즉 너무 좋지 않을까,하지만 난 정말 지금 필요한 것은 단지 슬라이드 일부입니다

여기에 지금까지 가지고있는 jQuery의 잘 작동합니다. 아마 그 부분에 대한 if/then 부분을 알아낼 수 있습니다.

미리 감사드립니다. 추가 정보가 필요하면 알려주세요.

Answer 1

해야 할 것 :

<script type="text/javascript"> 
    $(document).ready(function(){ 

     $("#right_new").click(function(){ 
      $("#right_side_container").show('slide', {direction: 'right'}, 500); 

     }); 

     }); 
</script> 

Answer 2

당신의 아이콘 슬라이드 전에 터지는 것은 무슨 일이 일어나고하는 이유이며, B 당신이 지금이 공간을 점유의 뜻은 .show() 명령을 표시하는 다음의 #right_panel을 숨기고 c를/돔 왼쪽에 항목을 밀어.

내가하고 싶은 것은 position : absolute를 사용하여 전체 블록을 움직이게하는 것입니다.

다음 CSS를 살펴보고 JS는 http://jsfiddle.net/rtgibbons/jDThJ/ 변경 (참고 :이 아웃에 슬라이드) 나는 왼쪽과 오른쪽 전체 컨테이너를 이동 .animate({right: '' })을 사용하고

.