Jquery를 사용하여 슬라이드 오른쪽을 수행하는 방법

Question

화살표 >>를 생성하는 div 클래스가 있습니다. 해당 div를 클릭하면 왼쪽에서 오른쪽으로 슬라이드해야하며 20 초 동안 기다려야하는 항목 목록을 표시하려고합니다. 다시 한 번 클릭하면 왼쪽으로 이동하여 사라집니다.

나는 Jquery을 사용해 보았지만 작동하지 않습니다.
도와주세요. 어떤 도움을 주시면 감사하겠습니다.

Answer 1

$("#right").click(function(){ 
     $(".block").animate({"right": "+=50px"}, "slow"); 
    }); 

이 코드에서는 id가 "right"인 컨테이너 요소 안에 클래스 "block"이있는 것으로 가정합니다. "block"클래스의 요소는 오른쪽으로 50px 슬라이드됩니다.

자신이 자습서를 시도 할 수 있도록하려면

http://blog.themeforest.net/tutorials/jquery-for-absolute-beginners-video-series/

Answer 2

<script> 
$(document).ready(function() {  
    $("#search-inline").click(function() { 
     $(".window_box").toggle({"left": "+=250px"}, 3000); 
    }); 
}); 
</script> 

//click link 
<a id="search-inline" title="Search" href="#content" alt="Search"> Search </a> 

//initially hide the div 
<div class="window_box" style="display:none; width:500px; height:500px;"> 
//content 
</div>