슬라이드 효과로 숨기기 및 표시

div에서 왼쪽으로 슬라이드하고 현재로 이동하려면 iOS에서와 같이 앞으로 이동하십시오. 슬라이드 효과로 숨기기 및 표시

나는이 시도하지만, 일을하지 않는 것 :

jQuery(".post .order").click(function() { 
     jQuery(this).parents(".post-front") 
      .hide("slide", { direction: "right" }, 1000); 
      .next(".post-back") 
      .show("slide", { direction: "left" }, 1000); 
    });

태그 :

<div class="post"> 
    <div class="post-front"> 
     <a href="#" class="next"></a> 
     ... 
    </div> 
    <div class="post-back"> 
     <a href="#" class="back"></a> 
     ... 
    </div> 
</div>

출처

2012-09-08 3zzy

_markup_을 게시하고 정확히 _ 작동하지 않는 것을 지정하십시오. – undefined

ohk, 방금 추가됨 – 3zzy

개별 요소 대신 외부 컨테이너 요소를 밀어 넣는 것이 좋습니다. 요소를 나란히 배치하여 그 중 하나만 보이도록 한 다음 컨테이너를 수평으로 변환하여 다양한 요소를 안팎으로 "밀어"이동할 수 있습니다. –

Here는 라이브 데모입니다. 당신이 성취하려고 노력하고있는 것입니까? 의견을 부탁합니다.

출처

2012-09-08 13:11:24

슬라이드 효과로 숨기기 및 표시

답변

관련 문제