JS-下拉菜单-点击展开/隐藏

百度了好几天没找到想要的答案，今天在吃早饭的时候想说在B站随便搜一下，结果第一个就是我想要的效果，试了一下还完全没问题。
不知道该为终于找到的答案兴奋，还是该为用了好几天终于验证了自己就是个智障而神伤。

window.onload=function () {
  var a=document.getElementById('yi');
    // 通过classname获取到有多个值，所以必须通过索引访问。即使classname只有一个。
  var ul2=document.getElementsByClassName('ul2')[0];

  // 用一个布尔值判断列表是否展示
  var isopen=false;

  a.addEventListener('click',function () {
    //点了一下以后，列表状态改变
    isopen=! isopen;
    if(isopen){
      ul2.style.display='block';
    }
    else{
      ul2.style.display='none';
    }
  })