sliding

If you’re willing to include the jQuery UI library, in addition to jQuery itself, then you can simply use hide(), with additional arguments, as follows: $(document).ready( function(){ $(‘#slider’).click( function(){ $(this).hide(‘slide’,{direction:’right’},1000); }); }); JS Fiddle demo. Without using jQuery UI, you could achieve your aim just using animate(): $(document).ready( function(){ $(‘#slider’).click( function(){ $(this) .animate( { ‘margin-left’:’1000px’ … Read more