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> 

Или по умолчанию контролируемым "закрыто" имя класса вместо "открыть"