JavaScript实现点击 `播放列表` 隐藏下面的列表项

实现思路：

1. 根据h2标签名获取元素对象，并获取索引是0的元素【页面中只有一个h2标签】
2. 给该元素绑定单击事件（onclick），并绑定函数
3. 在函数的外面定义一个变量 flag，用来记录状态
4. 函数中逻辑
   1. 获取ul标签元素对象，并获取索引是0的元素
   2. 判断flag的值是否是true
      • 如果是说明需要展示播放列表项，将该元素的 display 样式设置为 block，并将flag设置为 false
      • 如果不是说明需要隐藏播放列表项，将该元素的 display 样式设置为 node，并将flag设置为 true

var h2Obj = document.getElementsByTagName("h2")[0];
h2Obj.onclick=fun;
var flag=false;
function fun() {

    //点击一次,隐藏列表，再次点击，显示列表
    var ul = document.getElementsByTagName("ul")[0];

    if(flag){
        ul.style.display="block";
        flag = false;
    }else {
        ul.style.display="none";
        flag = true;
    }
}