//jQuery(document).ready(function () {

    //jQuery(".menu .page_item .children").hover(



    jQuery(document).ready(function() {  
           jQuery("#nav-menu .menu ul .page_item").mouseover(function(){ //When mouse over ...  
               //Following event is applied to the subnav itself (making height of subnav 60px)  
              
                var currentHeight = jQuery(this).find('.children').height();
                jQuery(this).find('.children').css('height', 'auto');
                var heightDiv = jQuery(this).find('.children').height();
                jQuery(this).find('.children').css('height', currentHeight + 'px');

                //$this.animate({'height': height});

                jQuery(this).find('.children').stop().animate({height: heightDiv, opacity:'1'},{queue:false, duration:500})  


        });  
      
        jQuery("#nav-menu .menu ul .page_item").mouseout(function(){ //When mouse out ...  
              //Following event is applied to the subnav itself (making height of subnav 0px)  
              jQuery(this).find('.children').stop().animate({height:'0px', opacity:'0'},{queue:false, duration:500 })  
              //jQuery(this).find('.children').slideUp();
        });  
           //menu item background color animation  
        
    });