JQ实现效果:滑动隐藏&滑动显示

来源:互联网 发布:淘宝女装客服培训 编辑:程序博客网 时间:2024/05/22 04:54
<!DOCTYPE html><html><head><title>CHAR 4.2.2</title><meta charset="utf-8"/><style type="text/css">.content{display: none;}</style><script type="text/javascript" src="jquery.js"></script><script type="text/javascript">//滑动显示,滑动隐藏$(function(){$("#panel h3.head").click(function(){$(this).next().slideToggle(300);})})</script></head><body><div id="panel"><h3 class="head">head</h3><div class="content">body is content</div></div></body></html>



阅读全文
0 0
原创粉丝点击