<div>Click me</div>
div {
background: green;
height: 59px;
width: 100px;
color: white;
text-align: center;
padding-top: 38px;
-webkit-transition: margin 2s linear;
-moz-transition: margin 2s linear;
-o-transition: margin 2s linear;
transition: margin 2s linear;
}
.animate {
margin-left: 390px;
}
$(function () {
$('div').click(function () {
$(this).addClass('animate');
})
.on('transitionend webkitTransitionEnd oTransitionEnd otransitionend MSTransitionEnd', function () {
$(this).removeClass('animate');
});
});
Also see: Tab Triggers