Как скрыть сворачиваемые элементы при запуске страницы?

Question

[maiskiykot]

Есть сворачиваемый блок меню. Мне он по сути нужен всегда в свернутом виде - мешается. Однако никак не могу найти инфу - как его сделать по умолчанию скрытым а по кнопке открывать. Сейчас по кнопке сворачивается. Конечно, хотелось бы бескостыльный способ. Всем спасибо!

<aside id="left-panel" class="left-panel" >
         <nav class="navbar navbar-expand-sm navbar-default">
            <div class="navbar-header">
               <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#main-menu" aria-controls="main-menu" aria-expanded="false" aria-label="Toggle navigation">
               <i class="fa fa-bars"></i>
               </button>
               <a class="navbar-brand" href="{{url('dashboard')}}">{{__('messages.metadesc')}}</a>
            </div>
            <div id="main-menu" class="main-menu collapse navbar-collapse">
               <ul class="nav navbar-nav">...

Answer 1

[maiskiykot]

При помощи молотка и какой-то матери родилось весьма неожиданное решение. Неожиданное тем, что управление идет совсем не тем эдементом, на который думаешь. Так все сворачивается/разворачивается как надо

window.addEventListener('load', (event) => {
		$('body').toggleClass('open');
	});


	$('#menuToggle').on('click', function(event) {
		$('body').toggleClass('open');
	});

Comments

[Andrew]

window.addEventListener('load', (event) => {
$('body').toggleClass('open');
});

Почему вместо этого просто руками не дописать класс в body?

[maiskiykot]

Andrew, Про боди я меньше всего думал в моем случае. Все крутилось вокруг left-panel и main-menu