リンクをクリックしたときに高さと幅がゼロになるように、divの「はじめに」をアニメーション化する必要があります。「ここをクリックして開始」。これは機能します。別のdiv'theTest'は、同じイベントでフェードインする必要があります。残念ながら、それは機能していません。私はYUIを初めて使用し、これをソースとして使用しました。
jsFiddle: http: //jsfiddle.net/pV8eT/1/
コード:
(function() {
var introductionAttributes = {
width: { to: 0 },
height: { to: 0 }
};
var theTestAttributes = {
visible: { to: true },
width: { to: 500 },
height: { to: 500 }
};
var introductionAnim = new YAHOO.util.Anim('introduction', introductionAttributes);
var theTestAnim = new YAHOO.util.Anim('theTest', theTestAttributes);
YAHOO.util.Event.on('startTest', 'click', function() {
introductionAnim.animate(); //this works
theTestAnim.animate(); //this doesnt work :(
});
})();
div "theTest"でフェードインするようにコードを変更するにはどうすればよいですか?