Jqueryのhide(),show()が思った通りに効いてくれない時
Jqueryで表示・非表示を切り替える便利なメソッドhide()とshow()
簡単に要素を切り替えられるので重宝しますが、ちょっとだけ注意点があります
それはデフォルトでHTML側に表示/非表示を指定する時です
デフォルトのHTMLにはhiddenではなくstyleを指定
Badなやり方(hidden)
HTMLには非表示にする属性「hidden」が用意されてるんですが、このhiddenはJqueryのhide(),show()とは関連がありません
なので以下の様なやり方ではうまくいきません
<div hidden>
デフォルトでは非表示
</div>
<script>
// クリックしたら
$('div').show();
</script>
正しいやり方(style)
<div style="display: none;">
デフォルトでは非表示
</div>
<script>
// クリックしたら
$('div').show();
</script>
Jqueryのhide(),show()メソッドは、スタイル属性の「display:none」をつけたり外したりするメソッドだからです
ディスカッション
コメント一覧
まだ、コメントがありません
よくLoadingされてるDocs
新たにPostされたDocs
: ウェブサービス
メルカリやラクマの商品がいつ出品されたのかを調べる裏技
メルカリやラクマなどで商品を探してると、ときどき、 「この商品はいつ出品されたも ...: 仕事環境
15年前のエアコンに洗浄スプレーしたら想像以上にキレイになった
うちのエアコンは新品で購入してからすでに15年が経過しています にもかかわらず、 ...: Laravel
一定時間で消えるフラッシュメッセージを簡単に実装[Laravel8]
以前、手軽にフラッシュメッセージが実装できるnotieを紹介しました 今回は、そ ...: Laravel
ランダムな文字列やユニークなIDをLaravelで生成
random use Illuminate\Support\Str; // 引数 ...: スマホ
4,837円あげるって言うからOCNモバイルOneにLinksmateから乗り換えたんですよ
これまでは僕はスマホの通信会社に、MVNOのLinksmateを使ってきました ...HashMap
created_by
はやぴ
Web/アプリ開発エンジニア
Sierにてお堅いB向けのソフトウェア開発を経て、現在はC向けのWebやアプリを中心に開発しています。
Utilities