$(document).ready(function () {
    $("#web").hide();


    $("#menu_id").bind("mouseenter",
       function () {
           $("#web").show();
           $("#menu_id").stop(true, false).animate({
           width: "550px",
               height: "200px"
          }, 550);
       });



    $("#menu_id").bind("mouseleave",
       function () {
           $("#menu_id").stop(true, false).animate({
           width: "150px",
               height: "20px"
                 }, 450,
             function () {
                 $("#web").show();
             });






       });

});