使用display:none,动画不生效问题

方法一、改用visibility：hidden，虽然不可见了，但是仍然会占据页面上的空间

方法二、利用延时

setTimeout(function(){
   document.getElementById("id").style.display="none"
}, 1000); //1s是动画时间。