jquery 函数不起作用

Question

iam 使用 jquery + css3 创建 Accordion 菜单，一切顺利 期望菜单在页面加载时始终打开，并且隐藏它的代码不起作用 这是我创建的 fiddle

这是我的 jquery 代码

   $(document).ready(function() {

    //ACCORDION BUTTON ACTION (ON CLICK DO THE FOLLOWING)
    $('.zero_menu_title_collapse').click(function() {

        //REMOVE THE ON CLASS FROM ALL BUTTONS
        $('.zero_menu_title_collapse').removeClass('on');

        //NO MATTER WHAT WE CLOSE ALL OPEN SLIDES
        $('.zero_menu_content').slideUp('normal');

        //IF THE NEXT SLIDE WASN'T OPEN THEN OPEN IT
        if($(this).next().is(':hidden') == true) {

            //ADD THE ON CLASS TO THE BUTTON
            $(this).addClass('on');

            //OPEN THE SLIDE
            $(this).next().slideDown('normal');
         } 

     });


    /*** REMOVE IF MOUSEOVER IS NOT REQUIRED ***/

    //ADDS THE .OVER CLASS FROM THE STYLESHEET ON MOUSEOVER 
    $('.').mouseover(function() {
        $(this).addClass('over');

    //ON MOUSEOUT REMOVE THE OVER CLASS
    }).mouseout(function() {
        $(this).removeClass('over');                                        
    });

    /*** END REMOVE IF MOUSEOVER IS NOT REQUIRED ***/


    /********************************************************************************************************************
    CLOSES ALL S ON PAGE LOAD
    ********************************************************************************************************************/   
    $('.zero_menu_content').hide();

});

这是完整的 fiddle

http://jsfiddle.net/YU6nZ/

Answer 1

添加此 CSS 规则以使您的 Accordion 内容默认隐藏:

.zero_menu_content {
    display: none;
}

UPD。此版本还将修复代码中的语法错误:

http://jsfiddle.net/dfsq/YU6nZ/15/

我还删除了 $('.zero_menu_content').hide(); 如果您使用 CSS 解决方案，则不需要它。