Javascript 如何在页面加载中保持子菜单打开？

我想在页面加载时保持子菜单打开。我怎样才能做到这一点

以下是jquery：

( function( $ ) {
$( document ).ready(function() {
$('#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();
        }
        else {
            element.addClass('open');
            element.children('ul').slideDown();
            element.siblings('li').children('ul').slideUp();
            element.siblings('li').removeClass('open');
            element.siblings('li').find('li').removeClass('open');
            element.siblings('li').find('ul').slideUp();
        }
    });
});
} )( jQuery );

---

任何帮助都将不胜感激

如果单击第一个

a

元素“打开”了“子菜单”，则可以在DOM就绪事件上触发

单击

事件：

$('#cssmenu li.has-sub>a').on('click', function() {
    // ...
}).first().click();

如果要选择不同的

a

元素，可以使用

.eq（）

方法：

$('#cssmenu li.has-sub>a').on('click', function() {
    // ...
}).eq(2).click(); // trigger the click event on the third `a` element in the collection

如果不使用

.first（）

或

.eq（）

方法，将为集合中的所有元素触发事件。您还可以使用

.trigger（'click'）

或

.triggerHandler（'click'）

方法