jq之slideup（）

最新推荐文章于 2022-11-11 23:00:55 发布

无名`

最新推荐文章于 2022-11-11 23:00:55 发布

阅读量145

点赞数

分类专栏： java基础 jq 前端文章标签： javascript html

本文链接：https://blog.csdn.net/wanggang182007/article/details/122379435

版权

java基础同时被 3 个专栏收录

124 篇文章 0 订阅

订阅专栏

前端

35 篇文章 0 订阅

订阅专栏

20 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jq之demo</title>
    <!--线上jq库-->
    <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
    <script>
        $(document).ready(function(){
            $("#flip").click(function(){
                /*收起面板*/
                $("#panel").slideUp("slow");
            });
        });
    </script>
    <style type="text/css">
        #flip,#panel
        {
            padding: 5px;
            text-align: center;
            background-color: aqua;
            border:solid 1px #c3c3c3;
        }
        #panel
        {
            padding: 50px;
        }
    </style>
</head>
<body>
<div id="flip">点我收起面板</div>
<div id="panel">Hi</div>
</html>

优惠劵

无名`

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jq之slideup（）

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jq之demo</title>  <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script> <script>.
复制链接

扫一扫