hide show

by Yuriy Petrichenko

HTML

<button>Menu</button>
<ul>
  <li>Hello</li>
  <li>Great</li>
  <li>World</li>
</ul>

CSS

ul{
display:none;
animation:sss 2s linear;
}
@keyframes sss {
0%{
  opacity:0;
}
100%{
  opacity:1;
}
}

JavaScript

let menu = document.querySelector('ul');
let btn = document.querySelector('button').onclick= function(){
if(menu.style.display !="none") {
menu.style.display="none";
}else{
menu.style.display='block';
}
}