2012-01-16 5 views
0

mootools 1.4でfx.revealを使ってメッセージdivの簡単な表示/非表示遷移をしようとしています。エフェクトは最初に機能しますが、後続のクリックでは機能しません。mootools fx.reveal

どこが間違っているかについてのヒントはありますか?

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(); 
} 

答えて

3
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(); 
} 
+0

このように2回切り替えますか?隠れているかどうかを表示するトグルセットと、表示されている場合は隠れているので、私はトグルが私が探しているshow-then-hideをしないと思います。ありがとう! – julio

+0

oncompleteでのディゾルブ()の使用:http://jsfiddle.net/MYgH6/2/ – AHHP

+0

ありがとう!それは最高です。 – julio

1

私はあなたが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(); 
}); 

あなたは確かにメッセージを指定することができますあなたが以前にしたのと同じように、