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>