1. ホーム
  2. jquery

[解決済み] jQuery show() for Twitter Bootstrap css class hidden

2023-03-28 22:21:09

質問

Twitter Bootstrapを使っているのですが、jQueryが show() または fadeIn() でマークされた DOM 要素は、クラス hidden が表示されないのは、jQuery の関数が display: none を削除するだけだからです。しかし visibility にはまだ hidden .

これを回避するための最適な方法は何だろう?

  1. を削除する。 hidden クラスを削除します。
  2. visibilityプロパティを変更する
  3. 自作のCSSでhiddenクラスを書き換える

特に、jQueryとcssのどちらで修正するのが良いのか、その理由を知りたいです。

どのように解決するのですか?

探しているcssクラスは .collapse . これは、要素に display: none;

そのため $('#myelement').show() を使うと正しく動作します。

UPDATE : Bootstrap v3.3.6で.collapseが更新され、元に戻りました。

.collapse {
  display: none;
}