j-Query,動畫處理(hide,show,fadeIn,fadeOut,slideUp,slideDown)

紀錄j-Query的動畫處理(hide,show,fadeIn,fadeOut,slideUp,slideDown)

hide()

將選到的內容隱藏

$('#content').hide();
 


show()

顯示選到的內容

$('#content').show();


fadeIn()

淡入選取的內容

$('#content').fadeIn();


fadeOut()

淡出選取的內容

$('#content').fadeOut();


slideUp()

將選到的內容往上顯示

$('#content').slideUp();


slideDown()

將選到的內容往下淡出

$('#content').slideDown();

小記:大小寫重要,寫錯了就無法動。

codepen:http://codepen.io/Kevin0711/pen/JNRepR