Using One Button to Slide to Different Direction

This is a doodle to show background image using CSS, and simple 'sliding' effect using jQuery. The background image works on Firefox, Chrome, and other webkit browsers, and IE 10.

Check out this Pen!

The thing about the CSS margin property, or any positional properties, to make it consistently works, especially on Firefox, you must set the initial value with number (px, em, percentage, or pt). If you didn't set the value as number, for instance auto, it won't work (on Firefox - but still works on webkit).

That is all.