jQuery导航菜单首次单击时所有菜单项都会非常快速地展开

Question

我正在为这里的网站开发：site link

单击侧边栏导航时，整个菜单会在页面加载时快速扩展，然后按预期运行。我想防止这种情况发生。

这是剧本：

// page init
jQuery(function(){
    initSlideShow();
    initOpenClose();
    initMobileNav();
    initFitVids();
});

// open-close init
function initOpenClose() {
    jQuery('.open-close li').openClose({
        activeClass: 'active',
        opener: '.open',
        slider: '.slide',
        animSpeed: 400,
        effect: 'slide'
    });
    jQuery('.slide li').openClose({
        activeClass: 'active',
        opener: '.ico',
        slider: 'ul',
        animSpeed: 400,
        effect: 'slide'
    });
}

Answer 1

将其隐藏（在页面加载时）

style="display:hidden; visibility: none"

并将其显示在文档加载

上

$('.open-close li').show();