$(document).ready(function(){
    var isOpen = false;
    $(".page_item").hover(
        function(){
            $(this).find(".children").stop().fadeTo(0,1).css("display","block").animate({
                opacity:1, 
                height:300
            });
            $(".content").css('z-index', '-9999');
            isOpen = true;
        },
        function(){
            $(this).find(".children").stop().animate({
                opacity:0, 
                height:"0"
            });
            $(".content").css('z-index', '9999');
            isOpen = false;
            setTimeout(function(){
                if(!isOpen)
                {
                    $(".children").fadeOut("slow");
                    isOpen = false;
                }
            },200);
        });
});