script.aculo.usのeffects.jsのエフェクトを使うとビジュアル効果のある表示、非表示が非常に手軽に行えるのだが困ったことがある。 Effect.BlindUp,Effect.BlindDownなどでエフェクト処理が終了しないうちに再びエフェクト処理を呼び出すとうまく動かない。 例えば1.5_rc5に同梱のサンプルのようにonclickなどのイベントハンドラで呼び出すサンプルでエフェクトを呼び出すリンクを連続してクリックすると最悪エラーになってしまう。 <div>DEMO:<a href="#" onclick="Effect.BlindUp('demo-div')">BlindUp</a> <a href="#" onclick="Effect.BlindDown('demo-div')">BlindDown</a></div> <div id="demo-div"