javascript - Mootools，做某事然后做其他事

Question

是一种更有效的方式来写这个吗？

我对 js 不是很好，并试图学习如何在每个效果完成后对单个元素运行多个效果。即增加 div 高度然后在延迟后淡出。

如果我想同时运行多个效果，但一次只运行一件事，我也很想看看代码是如何变化的。

下面的代码运行良好，但我不确定我是否应该这样做。

这是我在玩http://jsfiddle.net/kaigan/qr2BJ/的小提琴

var el = $('system-message-container');
(function(){

el.tween('height', [20, 200]);
})
.delay(2000);

(function(){
el.fade('out').get('tween', {duration: 'long'})
})
.delay(4000);