0

jQuery animate() Right to Left on .hover

HTML <div id=”parent”> <a href=”#”>Hover here</a> </div> CSS #parent { width:200px; } JQUERY $(‘#parent’).hover(function(){ var a =  $(this).find(‘a’).first(); a.css(‘position’, ‘relative’).animate({ left: $(this).width() – a.width() }); },function(){ $(this).find(‘a’).first().animate({ left:0 }); }); LIVE DEMO:http://jsfiddle.net/6cAYv/102/