$('div').finish().toggle(200)
jquery中常用的动画的方法就是hide与show.
$(element).hide这段代码可以与这相等element.css("display","none")
在hide(time)与show(time)中填入事件，可以慢慢消失跟显现。可以修改元素的多个样式，高度，宽度，不透明度。
另一组方法fadeIn与fadeOut这个与hide跟show不同的是，当使用hide或者show的时候
jquery中动画效果非常多，下面小编给大家分享一下jquery中的动画函数。
jQuery的效果函数列表：
animate():对被选元素应用“自定义”的动画。
clearQueue()：对被选元素移除所有排队的函数（仍未运行的）。
delay():对被选元素的所有排队函数（仍未运行）设置延迟。
dequeue()：运行被选元素的下一个排队函数。
fadeln()：逐渐改变被选元素的不透明度，从隐藏到可见。
fadeOut()：逐渐改变被元素的不透明度，从可见到隐藏。
fadeTo():把被选元素逐渐改变至给定的不透明度。
hide():隐藏被选的元素。
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="https://cdn.bootcdn.ne.
jQuery的动画函数主要分为三类:
1. 基本动画函数: 既有透明度渐变, 又有滑动效果. 是最常用的动画效果函数.
2. 滑动动画函数: 仅使用滑动渐变效果.
3. 淡入淡出动画函数: 仅使用透明度渐变效果.
这三类动画函数效果各不相同, 用法基本一致. 大家可以自己尝试.
另外也许上面的三类函数效果都不是我们想要的, 那么jQuery也提供了自定义动画函数, 将控制权放在我们手里让
我们的网页如果一直是那种静态不动的，就显得有点太安静了。所以，我们一般会在页面上添加一些动画动态效果，让页面更加的丰富，如：选项卡、幻灯片、轮播图等等，这些动画我们都可以通过jquery代码来实现的。其实，jquery也自带了一些简单的动画函数供我们使用。
一、jquery的【显示、隐藏、切换】的动画函数
1、方法 show()显示、hide()隐藏、toggle()显示隐藏切换
这3个动画...
<script type="text/javascript">
$(function(){
$("#panel h5.head").toggle(function(){
$(this).next().hide();
},function(){
这个一个动画函数，在我们需要动画的时候调用它，穿进去参数即可
var animate = function (obj, target, callback) { //第三个是动画结束后的回调函数，动画结束后执行！！！
clearInterval(obj.timer)
obj.timer = setInterval(function () {
var step = (target - obj.offsetLeft) / 10;
