Easing with .hide('slide')?

Question

Is it possible to have easing with this:

('#sideBar').hide('slide', {direction: 'right' }, 
    800, function(){...});

At the moment it is very jittery as it is moving maybe.. 100 - 500 pixels (depending on content). I have been looking google and most people say to use easing, but when looking at the documentation i cannot see a property for easing.

Answer 1

You can specify the easing property in the options object (the second argument):

$('#sideBar').hide('slide', { direction: 'right', easing: 'easeOutBounce' }, 
    800, function(){...});

Check out the easing documentation

Here's an example