slide方法和fade方法的用法跟hide、show方法是大同小异的。效果上也有写相似。
 

slide方法

slide方法可以让元素上下滑动。
目前slide有三种方法：

slideDown()  // 使元素向下滑动
slideUp()  // 使元素向上收回
slideToggle()  // 使元素的滑动效果切换执行。就像toggle方法一样。

// 以上三个方法的编写语法都一样，下面以slideDown为例：
$(selector).slideDown(speed,callback);

*注意：上面三个方法的Down，Up，Toggle 的首字母都是大写哦。请注意。
 
例：

<!-- HTML代码 -->
<div id="flip">Click to slide up panel</div>
<div id="panel">Hello world!</div>

点击id为flip的元素，收起id为panel的div。
方法如下：

// jq代码
$("#flip").click(function(){
    $("#panel").slideUp("slow");
});

fade方法

fade方法可以让元素渐入或者渐出。
目前fade有四种方法：

fadeIn()  // 使元素淡入（渐入）
fadeOut()  // 使元素淡出（渐出）
fadeToggle()  // 使元素在渐出渐出效果间切换。就像toggle方法一样。
fadeTo()  // 使元素过渡到一个给定的opacity值。

// 以上四个方法的编写语法都一样，除了fadeTo。下面以fadeIn为例：
$(selector).fadeIn(speed,callback);
// fadeTo的语法为：
$(selector).fadeTo(speed,opacity,callback);

*注意：上面三个方法的In，Out，Toggle，To 的首字母都是大写哦。请注意。
 
例：

<div id="flip">Click to slide up panel</div>

<div id="panel">Hello world!</div>

点击id为flip的元素，使id为panel的div的透明度慢慢地过渡到opacity 0.15。
方法如下：

// jq代码
$("#flip").click(function(){
    $("#panel").fadeTo("slow", 0.15);
});

 
本节课so easy.