javascript – 如何使用Mootools淡入和淡出隐藏元素

我试图淡入一个隐藏的元素,然后使用mootools再次淡出它.

我不能只使用$(‘my_div’).淡入淡出(‘toggle’),因为这假设元素始终可见,而我的div以display：none开头.

是否有一种简单的方法可以将淡入/淡出与滑入/滑出或其他方式相结合以获得良好的效果？

解决方法

我几乎总是在Mootool中使用Fx.Reveal.更多：

http://mootools.net/docs/more/Fx/Fx.Reveal

非常好的淡入动画,你几乎没有任何努力. Fx.Slide也可以做到这一点,虽然它往往更加繁琐.

如果您不想使用Mootools.More,那么使用Fx.Morph滚动您自己的解决方案同时更改高度和不透明度也可以解决问题.