单击这里测试(一个收缩展开功能)
1,首先把JQ导入.
2,然后开始写函数了。$(document).ready(function(){});
3,前面说过了,获取标签能直接 $("标签")。给标签注册 onclick事件直接可以 click.
4,核心代码:
$("head").click(function(){$("content").slideToggle("slow");});
5,slideToggle(speed, callback)
通过高度变化来切换所有匹配元素的可见性,并在切换完成后可选地触发一个回调函数。
这个动画效果只调整元素的高度,可以使匹配的元素以“滑动”的方式隐藏或显示。
返回值
jQuery
参数
speed (String|Number): (可选) 三种预定速度之一的字符串("slow", "normal", or "fast")或表示动画时长的毫秒数值(如:1000)
callback (Function): (可选) 在动画完成时执行的函数
示例
jQuery 代码:
$("p").slideToggle("slow");
--------------------------------------------------------------------------------
jQuery 代码:
$("p").slideToggle("slow",function(){ alert("Animation Done."); });