展开收起div的jQuery代码
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了展开收起div的jQuery代码相关的知识，希望对你有一定的参考价值。
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus?"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> <title>Document</title> </head> <body> <a href="javascript:;" id="toggle" target="_self">展开 代码中的:; 请自行更改成英文的冒号和分号再运行</a> <div id="content" style="display: none;"><p>隐藏内容 www.daimabiji.com.com<p><p>隐藏内容<p></div> <script type="text/javascript" src="http://www.daimabiji.com/statics/js/jquery.min.js"></script> <script type="text/javascript"> $(function() { $("#toggle").click(function() { $(this).text($("#content").is(":hidden") ? "收起" : "展开"); $("#content").slideToggle(); }); }); </script> </body> </html>
以上是关于展开收起div的jQuery代码的主要内容，如果未能解决你的问题，请参考以下文章