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在你之前做過的功能之內。