页面加载时打开 Javascript Accordion 菜单

标签 javascript html css menu accordion

我对编码非常陌生,尤其是 Javascript。我最近找到了一个教程,我必须为 Accordion 菜单工作,但我无法理解如何在页面加载时关闭下拉菜单。目前,所有的下拉菜单在页面加载时都是打开的。我尝试查看其他解决方案,但我还没有完全理解代码。非常感谢!

(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);

最佳答案

替换

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

第 4 行

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

关于页面加载时打开 Javascript Accordion 菜单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32160931/

相关文章:

javascript - 在 Indesign 框架内操作图像

javascript - 在父 div 之后查找 css 类

javascript - 测试输入的值是否为数字

html - CSS 随机 div 放置和响应

javascript - 更改 JQuery 范围 slider 工具提示上的滑动文本

javascript - 将 "Same"多个 <Button> 函数转换为具有 <Select> 的通用函数

javascript - 正确使用ajax成功吗?

javascript - 使用组件内 &lt;style&gt; 标签(未使用的 CSS 选择器)为 Svelte 组件的 {@html...} 标签设置样式

javascript - 从数组javascript中删除值

HTML 移除 Img Padding(显示 : block not working)