要素の表示or非表示
2014/07/02
今まで要素の表示or非表示をCSSで操作する際、
display:none; //非表示
display:block; //表示
を使用していた。
ただ、visibility(ビジビリティ)というものもあるみたい。
■参考サイト
http://www.htmq.com/style/visibility.shtml
visibility:hidden; //非表示
visibility:visible; //表示
■違い
・display
要素自体がなくなってしまう。
画像を3つ横に並べた場合、どれか一つを
display:none;にすると、要素が無かったことになり
間が詰められる。
・visibility
視覚的な表示or非表示のみとなるので、
間は詰められない。
関連記事
-
-
tableのフィルター機能
jQueryのプラグインで簡単にフィルター機能が つけられたのでメモ。 ■必要な ...
-
-
Ajaxでプラグイン無しのファイルアップロード方法
画像ファイルを添付できて、尚且つAjaxを用いた非同期通信のフォームを作りたかっ ...
-
-
FullCalendarでカレンダー内のイベントをクリックした際にタイトル以外の内容も表示させる方法
FullCalendarでカレンダー内のイベントをクリックした際にtitle以外 ...
-
-
jQuery Alert Dialogsで表示後に処理したい
最近携わったサイトの中でJavaScript内に「jAlert」とかいう記述があ ...
-
-
jQueryのdatetimepickerでスクロール入力を無効化させる方法
日時ピッカーのjQuery datetimepickerにて、ピッカーを指定して ...