#JQuery のtoggle()は、領域にfloatを指定していると動かない?

jqueryは便利です。例えばdivの領域を表示したり消したりするには、toggle()を使えば簡単です。今回はCSSのfloatで組んだ段組があるdivの領域を、toggle()で表示したり消したりしてみました。

しかし結果は、一旦表示してしまうと、二度と消すことができません。divのスタイルdisplayがblockのままでnoneになりません。CSSのfloatを無効にしてみると、うまく消すことができます。原因は不明。

これ以上時間がないので、floatはやめてtableで段組をしてしまいました。そのほうが連続して流し込めるのでtableのほうが便利です。tableで段組するとSEO的に問題があるというのは今回はなしです。おかげてtableで段組をしたらtoggle()も正常に動きました。

以上、覚え書きです。

投稿者:

avatar

ando

50過ぎてもプログラマーの気持ちを忘れない。