css で、タグ内部を非表示に設定する件

公開日:  最終更新日:2013/11/25

さっきの Element.toggle() と絡んだ話ですが、
普通にやると、

<div id="aaa">なんか表示したいもの</div>

は、最初から表示された状態です。

しかし、Element.toggle() を使う前に、最初は非表示にしたいときもあるじゃないですか!
きっとありますよね?ね?

そういう訳で、最初は非表示にしておきたい人の為に、解法の一つをご提示します。

では、ズバリ行きましょう。

<div id="aaa" style="display:none;">なんか、適当な内容</div>

 以上です。
ここに Element.toggle() を適用すると、最初は非表示だったのが、表示に変わりました。
一応、IE と FireFox では、うまく動いたようです。

PAGE TOP ↑