Jquery效果-animate，toggle

animate() 方法执行 CSS 属性集的自定义动画。

语法：$("divImg").animate(styles,speed,easing,callback)

参数：styles 必填，规定产生动画效果的 CSS 样式和值

        speed 可选，规定动画产生速度，默认normal，还有fast ,slow,毫秒值

      easing 可选，不同的动画点种设置速度（很少使用）

     callback可选，animate函数之后执行的函数

toggle() 方法切换元素的可见状态。

语法：$(selector).toggle(speed,callback,switch)

参数：三个参数都是可选的，

switch:布尔值。规定 toggle 是否隐藏或显示所有被选元素。true、false，如果设置此参数，则无法使用 speed和 callback 参数。

实例：

View Code

 1 <script type="text/javascript">
 2     // 收缩展开效果
 3     $(document).ready(function () {
 4         $(".information_title").toggle(function () {
 5             $(this).next(".information_contant").animate({ height: 'toggle', opacity: 'toggle' }, "slow");
 6         }, function () {
 7             $(this).next(".information_contant").animate({ height: 'toggle', opacity: 'toggle' }, "slow");
 8         });
 9     });
10 </script>
11 
12  <div class="information_title">      
13         
14 
15     </div>
16    
17     <div class="information_contant">
18        
19     </div>