Как выполнить слайд вправо с помощью Jquery

Question

У меня был класс div, который генерирует стрелку >>. при нажатии на этот элемент я хочу показать список элементов, которые должны скользить слева направо и ждать 20 секунд. При повторном нажатии он должен сдвинуться влево и исчезнуть.

Я пытаюсь использовать Jquery, но не работает.
Пожалуйста, помогите мне. Любая помощь будет высоко оценена.

Answer 1

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

Этот код предполагает наличие элемента с классом «блок» внутри элемента контейнера с идентификатором «право». Элемент с классом «блок» будет скользить вправо на 50 пикселей.

Чтобы помочь себе попробовать эти учебники:

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>