$(document).ready(function(){

    //When mouse roll over on menu icon
    $("li").mouseover(function(){
	//The below code is used to give animated effect to menu						   
        $(this).stop().animate({ 
	//Change the size of navigation menu to 152px						   
    width: "152px",
	//Time
  }, 500 );
    });

    //When mouse cursor removed from menu icon
    $("li").mouseout(function(){
        $(this).stop().animate({
	//Back to normal width 52px						   
    width: "52px",
  }, 500 );
    });

});