11.28 点击显示隐藏

1. 首先创建一个新的html，在body下面写入两个button按钮用于点击显示隐藏
   
2. 然后在这个两个button按钮中写入id标签
   
3. 然后在第二个button按钮下方再添加一个div，id标签也一样要命名，这个div作用是两个按钮点击时显示这个div或者是隐藏这个div的
   
4. 这时候我们的源代码已经写完了，这时候我们写css样式，在头部title下方写入style样式标签，在标签内写入div所用的样式或者按钮样式，按钮样式我在这里就不写了，自己需要写什么样式的都可以，我这里写的div样式只写了宽高还有背景颜色，这里基本上效果也快出来了
   
5. 然后我们在body下方添加一个script的标签用来写js代码，在代码内先声明一个变量，在变量里写自己要写入的条件，这里的话需要先命名一个函数，在这个函数内获取到button的按钮id
   
6. 再这里我们获取到了id标签之后呢，再下方写入你刚刚命名的函数名称在后面写入style的样式display，因为我这里第一个写的是隐藏，所以我这里第一个display也是写none，写完第一个的话我们就可以写第二个，第二个的话也一样，直接复制一下，改一下命名名称还有display的属性就可以了
   
7. 这里的话我们的js代码也基本完成了，a1代表的是你div的名称，js不仅仅可以改css代码，还可以改样式
8. 之后我们来看看效果：
   
9. 只要我们点击了隐藏之后呢，我们的js也会把源代码中的命名为a1的div标签给隐藏掉
   
10. 接下来是我们源代码：
    
    这是我所学到的点击隐藏显示效果了，所以我要分享给你们，希望可以帮助到你们。
    以上就是我的分享，新手上道，请多多指教。如果有更好的方法或不懂得地方欢迎在评论区教导和提问喔！