jq多级下拉菜单

效果：

 

结构：

 

 JS代码：

    $(document).ready(function() {

        // 下拉菜单的显隐

        $(".nav_son").hide();

        $(".nav_son_box").hide();

        $(".headbox_second_nav>div").hover(function(){

            $(this).children(".nav_son").stop().slideToggle(0);

        });

        $(".nav_son>div").hover(function(){

            $(this).children(".nav_son_box").stop().slideToggle(0);

        });

    })