用原生javascript寫出jquery中slideUp和slideDown效果

設置塊級元素的CSS屬性overflow爲hidden，而後動態改變height便可

 

var header=document.getElementsByTagName('header')[0];
header.style.transition='height 500ms';
header.style.overflow='hidden';

 

// slideUp
header.style.height='0';


// slideDown
header.style.height='70px';