JQuery/PHP

jQuery实现点击显示再点击隐藏DIV功能

阿里云

我们在网站开发的时候经常会,点击一个按钮控制一个 div 的显示和隐藏,本次教给大家如何用 jquery 实现这个特效的方法。

代码如下:

  1. <script src="//cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
  2. <script>
  3. $(function() {$("#toggle").click(function() { $(this).text($("#content").is(":hidden") ? "收起记录" : "展开记录");$("#content").slideToggle();});});</script>
  4. [<a href="https://www.22vd.com"><font color="red">高级选项</font></a>]
  5. <a href="#" id="toggle">[展开DNSSEC记录]</a><div id="content" style="display: none;">
  6. <p>这里是要显示的DNSSSEC记录<p>
  7. </div>
也想出现在这里?联系我们
创客主机



[高级选项]
[展开记录]


以上代码是,创客云实际测试完美使用的。

jQuery 实现点击显示再点击隐藏 DIV 功能

已有 569 人购买
查看演示升级 VIP立刻购买

收藏
(0)

发表回复

热销模板

Ashade - 作品展示摄影相册WordPress汉化主题
LensNews

本站承接 WordPress / PbootCMS / DedeCMS 等
系统建站、仿站、开发、定制等业务!