JQuery 学习：展开与收起HTML元素内容
程序演示如下：
单击这里测试(一个收缩展开功能)
点一下我就会收起了。
code
$(document).ready(function(){
$(".title").click(function(){
$(".nowamagic").slideToggle("slow",function(){ });
});
});
如何实现？
- 首先把JQuery导入。
- 然后开始写函数了。$(document).ready(function(){});
- 前面说过了，获取标签能直接 $("标签")。给标签注册 onclick事件直接可以 click。
- 核心代码：$("head").click(function(){$("content").slideToggle("slow");});
- slideToggle(speed, callback) 通过高度变化来切换所有匹配元素的可见性，并在切换完成后可选地触发一个回调函数。这个动画效果只调整元素的高度，可以使匹配的元素以“滑动”的方式隐藏或显示。
关于 slideToggle(speed, callback) 函数
返回值 jQuery，参数 speed (String|Number): (可选) 三种预定速度之一的字符串("slow", "normal", or "fast")或表示动画时长的毫秒数值(如：1000)，callback (Function): (可选) 在动画完成时执行的函数。
jQuery技术阅读排行
-
2013-08-12
-
2013-04-09
-
2013-05-13
-
2013-08-12
-
2013-08-12
-
2013-08-12
-
2013-04-09
-
2013-08-12
最新文章
-
2013-08-12
-
2013-08-12
-
2013-08-12
-
2013-08-12
-
2013-08-12
-
2013-08-12
-
2013-08-12
-
2013-08-12
热门源码
