思路很简单 :
设置块级元素的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';
使用 transition 动态