javascript - テーブルでの MooTools のフェードイン/フェードアウト効果

Question

MooTools ライブラリを使用しています。テーブル ID にフェードイン フェードアウト効果を適用したい

<table id="myId"></table>

クリックイベントが機能しています

aNextCal.addEvent('click',function(){
    //Click Event working here i want fade in fadeout code 
    this.showNextWeek();
}.bind(this));`

提案してください

Answer 1

Mootools には、要素をフェードイン/フェードアウトするためのメソッドfadeがあります。

myElement.fade([how]);

how = ('in', 'out', 'show', 'hide', 'toggle', number)

使用例:

// simple example
$('myId').fade('out');

// setting up element with options
$('myId').set( 'tween', { 
    duration: 400,
    transition: 'quad:out'
});

$('myButton').addEvent('click', function(){
    $('myId').fade( 'toggle' );
});