要素の表示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非表示のみとなるので、
間は詰められない。
関連記事
-
-
AjaxのJSONP使用でPHPで作った配列をJSに返す方法
AというサイトからBというサイトにAjax通信し、Bの方ではMySQLに接続して ...
-
-
SortableJSを使ってデータの並べ替え&保存
あるシステムを拝見した際にtableタグ内に並んでいる項目をドラッグ&ド ...
-
-
AjaxFileUploadで処理は実行できてもエラーが返る
AjaxFileUploadでPHPに通信し、サーバー側のPHPで処理は正常に実 ...
-
-
JavaScript / jQueryにてページ表示時に指定したテキストボックスにフォーカスさせる方法
ページを開いた際に指定したテキストボックス(input type="text") ...
-
-
ラジオボタンのカスタムデータ属性を取得し、特定の値の場合はチェックさせない方法
ASPを使用したサイトで特定のradioボタンは選択不可にしたいというケースがあ ...