js的点击事件，用css3 transition做过渡，没有效果 如下代码

Question

htmlcssjs

Answer 1

因为display是状态属性，也就是说，它的改变会导致从一个状态直接跳到另外一个状态，所以不存在渐变动画。如果需要隐藏，建议使用opacity来做。opacity是控制透明度的属性，当透明度为0时，元素就不可见了。

另外，提醒一下，你的#box样式里写了两次display属性。