<a href="#">TIKLA</a>
<div></div>

a{display: inline-block; background: #00FF99; padding:20px; border-bottom:4px solid #00CC00; color:#00CC99; text-decoration:none; margin-bottom:20px;}
div{background: red; width:150px; height:150px; position:absolute;}
div.yellow{background:yellow;}

$( "a" ).click(function() {
  $( "div" )
    .animate({ left: '300px' }, 2000 )
    .queue(function() {
    $( this ).toggleClass( "yellow" );
    $.dequeue( this );
  })
    .animate({ left:'0'}, 700 );
});