jQuery: Slide left and right like slideUp/slideDown but horizontally

So easy that I wish I found this information sooner!

To show:

view sourceprint?

1.$('#selector').animate({ width: 'show' });

To hide:

view sourceprint?

1.$('#selector').animate({ width: 'hide' });

Alternatively, you can also give a fixed width when showing it.

Other than that, OMG you're done!

Source

• jQuery animate() to hide and show elements by sliding left and right