jQuery效果--顯示隐藏/淡入淡出/滑動

隐藏/顯示：hide() show()

文法:
$(selector).hide(speed,callback);

$(selector).show(speed,callback);
           

可選的 speed 參數規定隐藏/顯示的速度，可以取以下值：”slow”、”fast” 或毫秒。

可選的 callback 參數是隐藏或顯示完成後所執行的函數名稱。

toggle() 方法來切換 hide() 和 show() 方法:顯示被隐藏的元素，并隐藏已顯示的元素

文法:
$(selector).toggle(speed,callback);
           

淡入：fadeIn() 用于淡入已隐藏的元素

文法:
$(selector).fadeIn(speed,callback);
           

淡出：fadeOut() 方法用于淡出可見元素

文法:
$(selector).fadeOut(speed,callback);
           

fadeToggle() 方法可以在 fadeIn() 與 fadeOut() 方法之間進行切換

文法:
$(selector).fadeToggle(speed,callback);
           

fadeTo() 方法允許漸變為給定的不透明度（值介于 0 與 1 之間）

文法:
$(selector).fadeTo(speed,opacity,callback);
           

slideDown() 方法用于向下滑動元素

文法:
$(selector).slideDown(speed,callback);
           

slideUp() 方法用于向上滑動元素

文法:
$(selector).slideUp(speed,callback);
           

slideToggle() 方法可以在 slideDown() 與 slideUp() 方法之間進行切換

執行個體
$("#flip").click(function(){
  $("#panel").slideToggle();
});