頁面加載時打開Javascript手風琴菜單

Question

我對編碼非常陌生，尤其是Javascript。 我最近找到了可用於手風琴菜單的教程，但是我無法理解如何在頁面加載時關閉下拉菜單。 當前，頁面加載時所有下拉列表均處於打開狀態。 我嘗試查看其他解決方案，但我還不完全了解代碼。 非常感謝！

(function($){
$(document).ready(function(){

$('#cssmenu li.active').addClass('open').children('ul').show();
 $('#cssmenu li.has-sub>a').on('click', function(){
    $(this).removeAttr('href');
    var element = $(this).parent('li');
    if (element.hasClass('open')) {
        element.removeClass('open');
        element.find('li').removeClass('open');
        element.find('ul').slideUp(200);
    }
    else {
        element.addClass('open');
        element.children('ul').slideDown(200);
        element.siblings('li').children('ul').slideUp(200);
        element.siblings('li').removeClass('open');
        element.siblings('li').find('li').removeClass('open');
        element.siblings('li').find('ul').slideUp(200);
    }
});

});


})(jQuery);

Answer 1

更換

$('#cssmenu li.active').addClass('open').children('ul').show();

在第4行

$('#cssmenu li.active').removeClass('open').children('ul').hide();

Answer 2

您僅在點擊時觸發了展開操作。 只需在DOM元素上設置第一個狀態即可。

<div style="display: none;"></div>

或默認情況下受控制的“關閉”類名，而不是“打開”