紀錄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