点击出现下拉页面可以收缩的方法
文章来源：小灰博客| 时间：2015-03-25 18:20:14| 作者：Leo | 1 条评论
有时候我们需要点击一个文字或者图片的时候出现一个下拉的页面，再点击就会收缩回去，比如需要一个隐藏的表单，点击某处才出来的时候，今天分享下这个相关代码！做之前需要加载一个jquery，（点击下载）
1 2 3 4 5 6 7 8 9 10 11 12 13 | <script src="js/jquery-1.4.2.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#ljhinput").click(function(){ $("#leoinput").slideToggle("slow"); }); }); </script> <div id="ljhinput"></div> <!--这个是需要点击的div，如果里面是图片或者文字，就把id写图片和文字上--> <div id="leoinput" style="display: none;"><!--这个是点击后出现的DIV页面，刚进来是需要隐藏起来的，所以写了个style--> |
这样就实现了点击后上下收缩的网页！
如果该文章帮到了您，不妨帮忙分享支持下博主！
同时也欢迎各位技术爱好者加入IT技术群（点击即可）：70035098 互相交流学习！
同时也欢迎各位技术爱好者加入IT技术群（点击即可）：70035098 互相交流学习！
分享该文章到：
一条评论
-
oesell说道：
2015 年 9 月 24 日 下午 10:02
不错的文章， http://www.oesell.com苏州办公设备网