$(document).ready(function() {

 $( 'div#facebook div.icon' ).mouseenter( function() {
  $( 'div#facebook' ).animate( { left: 0 }, 200 );
 });

 $( 'div#facebook' ).mouseleave( function() {
  $( 'div#facebook' ).animate( { left: '-300px' }, 200 ).clearQueue();
 }).mouseout( function() {
  $( 'div#facebook' ).animate( { left: '-300px' }, 200 ).clearQueue();
 });

}); (jQuery);