分享好友 教程首页 教程搜索 频道列表

点击展开再次点击收起

2021-11-12 16:474060
+关注29
核心提示:点击展开再次点击收起,话不多说,看代码

点击展开再次点击收起,话不多说,直接上代码

<body>
    <div class="operate open">展开</div>
    <script>
        $(".operate").click(function () {
            if ($(this).hasClass("open")) {//展开
                console.log("open----");
                $(this).removeClass("open");
                $(this).html("收起");
            } else {//收起
                console.log("close----");
                $(this).addClass("open");
                $(this).html("展开");
            }
        })
    </script>
</body>


本文标签: #收起 #隐藏 #展开 #鼠标
整理员:小黑
免责声明:凡注明来源本网的所有作品,均为本网合法拥有版权或有权使用的作品,欢迎转载,注明出处。非本网作品均来自互联网,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。
生成海报
您可能在找更多

前端开发技术之jQuery实现文章收起与展开效果功能

    实例为大家分享了jQuery实现文章收起与展开功能的具体

网络转载 HTML相关2021-12-22

怎么用js或jq点击展开,出现隐藏的DIV,点击收起DIV又隐藏起来.

    方法一:script type="text/javascript"$(function() {$("#toggle").click(function() {$(this).text($("#content").is(":hidden") ? "收起" : "展开");$("#content").slideToggle();});});/script调用a href=&

xiaohei JS相关2018-12-24

下一篇
我来说两句
抢沙发