How to perform slide right using Jquery

Question

I had a div class that generate a arrow >>. when that div is clicked i want to show the list of items which should slide from left to right and should wait for 20 secs. when clicked once again, it should slide left and disappear.

Im Trying it using Jquery.But not working. Please help me. Any help will be highly appreciated.

Answer 1

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

this assumes an container with an id of right with an object of class block which will slide to the right around 50px.

To help yourself try these tutorials:

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