jQuery slide effect demo

Slide effect useful in mobile and desktop sites for hide show content. Here is simple demos given for jQuery slide left, jQuery slide right, jQuery slide up and jQuery slide down effects. Example uses jQuery ui and jQuery library.

jQuery slide left

//Hide slide left
$('#leftSlide').hide('slide', {direction: 'left' }, 2000);

//Show slide left
$('#leftSlide').show('slide', {direction: 'left' }, 2000);

jQuery slide right

//Hide slide right
$('#rightSlide').hide('slide', {direction: 'right' }, 2000);

//Show slide right
$('#rightSlide').show('slide', {direction: 'right' }, 2000);

jQuery slide up

//Hide slide up
$('#upSlide').hide('slide', {direction: 'up' }, 2000);

//Show slide up
$('#upSlide').show('slide', {direction: 'up' }, 2000);

jQuery slide down

//Hide slide down
$('#downSlide').hide('slide', {direction: 'down' }, 2000);

//Show slide down
$('#downSlide').show('slide', {direction: 'down' }, 2000);