jQuery-動畫效果

show()/hide()/toggle()/fadeToggle()/slideToggle()/animate()

以下筆記出自Udemy課程，詳情請參➤ jQuery Tutorial and Projects Course

codepen練習

＊判斷 is()

判斷當前匹配的元素集合中的元素，是否為一個選擇器，DOM元素，或者jQuery對象，如果這些元素至少一個匹配給定的參數，那麽返回true。

if (simpleDiv.is(‘:hidden’)) {
   simpleDiv.show(1000);
} else {
   simpleDiv.hide(1000);}

＊show(秒數) + hide(秒數) = toggle(秒數)

＊fadeIn(秒數) + fadeOut(秒數) = fadeToggle(秒數)

fadeTo(秒數, 最低的透明度)

＊slideToggle()適合拿來做收合選單

＊animate 有點像用css transition製作的效果吧.. 可使用的樣式