JQuery说：我要让这一大片的内容消失（隐藏/显示）

Posted 2021-04-08 超Web之家

看到这个代码的时候，我突然才想起来自己之前写的一个代码也是用到这个方法的，但是当时用得时候，是让整个大的div消失，想想都觉得有些异曲同工之妙呢。

第一步：设置按钮：

 <div class="button">

     <button class="btn"><font color="white">显示|隐藏</font></button>  

 </div>

第二步：设置要显示和消失的内容：

<div id="container0">

这里省略几百行代码

</div>

第三步：设置触发事件，也是JQuery的强大功能

 <script type="text/javascript">

        $(document).ready(function(){

          $(".btn").click(function(){

          $("#container0").toggle();

        });   

      });

</script>