jQuery下拉菜单不能在浏览器中工作，在jsfiddle中工作

Question

所以我尝试使用这里发布的代码（用户/ 1022305 / trevor），但无法在浏览器中使用。

以下是代码作者的小提琴： http://jsfiddle.net/trevordowdle/S7n2b/

试图像这样包装jquery代码：

var stop = true;
var hovered;
var timeout;


$(document).ready(function(){
    $('.nav').hover(
        function(){
            clearTimeout(timeout);
            stop = true;
            hovered = this;
            timeout = setTimeout(function(){
            if($(hovered).hasClass('nav_menu_link_drop')){
                $('.content').css('z-index',0);
                $(hovered).next('.content').css('z-index',5);        
                $(hovered).next('.content').slideDown(350);
                timeout = setTimeout(function(){
                    $('.content').not($(hovered).next('.content')).slideUp(350);  
                },200);
            }
            else
                $('.content').slideUp(350);    
            },400);
        },
        function(e){
            stop = false;
            clearTimeout(timeout);
            setTimeout(function(){
                if(!stop)
                    $('.content').slideUp(350);
            },500);
        }
    );
});

$(document).ready(function(){
    $('.content').hover(
        function(){
            stop = true;    
        },
        function(){

        }
    );
});

$(document).ready(function(){
    $('#nav_menu').hover(
        function(){

        },
        function(){
            timeout = setTimeout(function(){
                $('.content').slideUp(350);
            },200);
        }
    );
});

以上是“$（document）.ready（function（）{”的示例，也尝试使用“$（window）.load（function（）{”和“$（function（）{” - 包装）不行。

根本没有下拉效应。

有什么建议吗？