快捷搜索:   nginx

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

使用Jquery来实现点击打开关闭某个DIV层。


代码如下:

<script src="//cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
<script>
$(function() {$("#toggle").click(function() { $(this).text($("#content").is(":hidden") ? "收起DNSSEC记录" : "展开DNSSEC记录");$("#content").slideToggle();});});</script>
[<a href="domainsetting.php?zoneid=273828993&domain=bnxb.com"><font color="red">高级选项</font></a>]
<a href="#" id="toggle">[展开DNSSEC记录]</a><div id="content" style="display: none;">
<p>这里是要显示的DNSSSEC记录<p>
</div>

以上代码是从笨牛网的CDN/DNS管理面板(https://cdn.bnxb.com/)上扒下来的,是实际在使用的

顶(3)
踩(0)

您可能还会对下面的文章感兴趣:

最新评论