点击显示或隐藏 slideDown/slideUp

最新推荐文章于 2021-05-21 11:13:51 发布

你的孤独虽败犹荣

最新推荐文章于 2021-05-21 11:13:51 发布

阅读量1.7k

点赞数

本文链接：https://blog.csdn.net/zhou742626/article/details/78755528

版权

<!DOCTYPE html>
<html>
   <head>
       <meta charset="UTF-8">
       <title></title>
       <script type="text/javascript" src="js/jquery-2.1.0.js">

       </script>
       <script type="text/javascript">
           $(function(){
               $("button:eq(0)").click(function(){
                   $("div").slideDown();
               });
               $("button:eq(1)").click(function(){
                   $("div").slideUp();
               });
               $("button:eq(2)").click(function(){
                   $("div").slideToggle();
               });
           });
       </script>
       <style type="text/css">
           div {
               width: 200px;
               height: 200px;
               background: pink;
           }
       </style>
   </head>
   <body>
       <button>显示</button>
       <button>隐藏</button>
       <button>切换</button>
       <div></div>
   </body>
</html>