mootools fx.reveal

Question

我想在mootools 1.4中使用fx.reveal为消息div做简单的显示/隐藏转换。该效果第一次起作用，但不适用于随后的点击。

任何提示，我要去哪里错了？

http://jsfiddle.net/MYgH6/1/

var mytween = new Fx.Reveal(document.getElementById('mydiv'), {duration: 2500}); 

$('myclick').addEvent('click', function(){ 
    mymessage(); 
}); 

function mymessage(){ 
    var mymessage = document.getElementById('mydiv'); 

    mymessage.set('html','YO!'); 

    mytween.reveal(); 
    mytween.dissolve(); 
} 

Answer 1

var mytween = new Fx.Reveal(document.getElementById('mydiv'), { 
    duration: 1000, 
    onComplete:function(){ 
     this.element.dissolve(); 
    } 
}); 

$('myclick').addEvent('click', function(){ 
    mymessage(); 
}); 

function mymessage(){ 
    var mymessage = document.getElementById('mydiv'); 

    mymessage.set('html','YO!'); 

    mytween.reveal(); 
} 

Answer 2

我知道这不是最好的答案，因为你指定使用Fx.Reveal，但我会用眼色命令 http://mootools.net/docs/more/Fx/Fx.Reveal#Element:wink

喜欢这里：http://jsfiddle.net/zalun/MYgH6/5/

var msg = document.getElementById('mydiv').hide(); 
$('myclick').addEvent('click', function() { 
    msg.wink(); 
}); 

你当然可以指定messa在你之前做过的功能之内。