JQuery動畫

     .slideDown()下拉動畫、.slideUp()顯示上捲動畫和.slideToggle()上卷下拉切換

1   .slideDown()用滑動動畫顯示一個匹配元素，給匹配元素高度的動畫，會導致頁面的下面部分滑下去，彌補了顯示的方式

2   常見的操作是提供一個動畫是時間，然後傳遞一個回撥，用於知道動畫什麼時候結束

3   持續時間（duration）是以毫秒為單位的，數值越大，動畫越慢，字串 'fast' 和 'slow' 分別代表200和600毫秒的延時，如果提供任何其他字串，或者這個duration引數被省略，那麼預設使用400 毫秒的延時

4   下拉動畫是從無到有，所以一開始元素是需要先隱藏起來的，可以設定display:none

5   如果提供回撥函式引數，callback會在動畫完成的時候呼叫，將不同的動畫串聯在一起按順序排列執行是非常有用的，這個回撥函式不設定任何引數，但是 this會設成將要執行動畫的那個DOM元素，如果多個元素一起做動畫效果，那麼要非常注意，回撥函式會在每一個元素執行完動畫後都執行一次，而不是這組 動畫整體才執行一次
6   .slideUp()顯示上捲動畫
7   $("elem").slideUp()不帶引數，找到元素的高度，然後採用一個下滑動畫讓元素一直滑到隱藏，當高度為0的時候，也就是不可見的時，修改元素display 樣式屬性被設定為none，這樣就能確保這個元素不會影響頁面佈局了
8   .slideUp( [duration ] [, easing ] [, complete ] )帶引數，提供一個時間，使用一種過渡使用哪種緩動函式，jQuery預設就2種，可以透過下載外掛支援，最後一個動畫結束的回撥方法
9   因為動畫是非同步的，所以要在動畫之後執行某些操作就必須要寫到回撥函式里面，這裡要特別注意
10   .slideToggle()上卷下拉切換,用滑動動畫顯示或隱藏一個匹配元素,獲取元素的高度，使這個元素的高度發生改變，從而讓元素裡的內容往下或往上滑
11   .slideToggle( [duration ] ,[ complete ] )提供引數，提供了時間、還有動畫結束的回撥，在引數對應的時間內，元素會完成動畫，然後出發回撥函式，同時也提供了時間的快速定義，字串 'fast' 和 'slow' 分別代表200和600毫秒的延時
12   display屬性值儲存在jQuery的資料快取中，所以display可以方便以後可以恢復到其初始值
13   當一個隱藏動畫後，高度值達到0的時候，display 樣式屬性被設定為none，以確保該元素不再影響頁面佈局