$(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: "220px",height:"150px"
	//Time
  }, 500 );
    });

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

});