i have a website where i am using sidebar menu, the menu is displayed by default and on button click its hidden:
"use strict";
var tid = setInterval(function() {
if ("complete" === document.readyState) {
clearInterval(tid);
var a = document.querySelector.bind(document),
b = document.querySelector(".vertical_nav"),
c = document.querySelector(".wrapper"),
d = document.getElementById("js-menu"),
e = d.querySelectorAll(".menu--item__has_sub_menu");
a(".toggle_menu").onclick = function() {
b.classList.toggle("vertical_nav__opened"), c.classList.toggle("toggle-content")
}, a(".collapse_menu").onclick = function() {
b.classList.toggle("vertical_nav__minify"), c.classList.toggle("wrapper__minify");
for (var a = 0; a < e.length; a++) e[a].classList.remove("menu--subitens__opened")
};
for (var f = 0; f < e.length; f++) e[f].classList.contains("menu--item__has_sub_menu") && e[f].querySelector(".menu--link").addEventListener("click", function(a) {
for (var b = 0; b < e.length; b++) a.target.offsetParent != e[b] && e[b].classList.remove("menu--subitens__opened");
a.target.offsetParent.classList.toggle("menu--subitens__opened")
}, !1)
}
}, 100);
<button id="collapse_menu" class="collapse_menu">
<i class="uil uil-bars collapse_menu--icon "></i>
<span class="collapse_menu--label"></span>
</button>
what i want is to hide the menu by default and show on click, can anyone please tell me how to accomplish this, thanks in advance