Jquery显示隐藏代码
这篇文章主要为大家详细介绍了jQuery实现HTML元素隐藏和显示,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
话不多说,直接上代码
<!DOCTYPE html> <html> <head> <title>Jquery显示隐藏代码</title> </head> <script src="https://cdn.bootcss.com/jquery/2.1.4/jquery.js"></script> <script> $(function () { $("#btn").click(function () { $("#content").toggle(), $(this).toggleClass("opened"); }); }); </script> <body> <button id="btn">隐藏/显示</button> <p id="content" style="display: none"> 我们通过不懈的努力,成为客户在信息化领域值得信任和有价值的长期合作伙伴。 </p> </body> </html>