jQuery slideToggle

最新推荐文章于 2022-04-22 13:59:03 发布

Mogul1

最新推荐文章于 2022-04-22 13:59:03 发布

阅读量430

点赞数

本文链接：https://blog.csdn.net/Mogul1/article/details/80963186

版权

slideToggle：是通过高度变化来切换所有匹配元素的可见性，并在切换完成后可选地触发一个回调函数。

例子：

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
	<meta charset="utf-8" />
    <style>
        h3{
            width:200px;
            height:30px;
            background-color:aqua;
        }
        .two {
            width:200px;
            height:200px; 
        }
    </style>
    <script src="../Scripts/jquery-1.11.3.js"></script>
    <script>
        $(function () {
            $("#one").click(function () {
                //帘式
                $(".two").slideToggle(1000);
            });
        });
    </script>
</head>
<body>
    <div style="margin:0 auto; width:150px;">
    <h3 id="one">什么是JQuery</h3>
    <div class="two">jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。
        jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。

    </div>

    </div>
</body>