show()/hide()メソッドの問題点

script.aculo.usのエフェクトを使うとき、知らないとつまずく要因になるのが、show()とhide()メソッドの使い方。 要素を始めから隠しておきたいというケースは多いが、外部ファイルやstyleタグ内にたとえば{ display: none; }などとCSSを記述してしまうと、これらのメソッドがうまく動作しなくなってしまう。これはPrototypeのみを使う場合でも問題になる。 そのため、始めから要素を隠しておきたいという場合は、デザインとコンテンツの分離に反するものの、インラインのstyle属性に、つまり<div style=”display: none;”>……</div>などのように記述するか、もしくは要素をhide()メソッドで消しておく必要がある。

 - JavaScript/Ajax Prototype, script.aculo.us