###O terceiro exemplo (e talvez melhor) é usando uma classe e transições CSS:
CSS
#toggle {
width: 300px;
height:300px;
background: #ccc;
-webkit-transition: margin-left 500ms ease;
-moz-transition: margin-left 500ms ease;
-ms-transition: margin-left 500ms ease;
-o-transition: margin-left 500ms ease;
transition: margin-left 500ms ease;
}
.toggle {
margin-left: -250px
}
JS
$(document).click(function() {
var $toggle = $("#toggle");
if ($toggle.hasClass('toggle')) $toggle.removeClass('toggle');
else $toggle.addClass('toggle');
});