plasmasphere.net -プラズマスフィアドットネット-
表示・非表示を切り替えるJavaScript
表示(display:block;)、非表示(display:none;)を行うためのJavaScriptモジュールです。
サンプル
クリックするとブロック要素が表示されます。
クリックするとブロック要素が非表示になります。
クリックするとブロック要素が表示されます。もう一度クリックすると非表示になります。
Download
jsファイルを直接表示するので、保存してください。
showhide.js version 1.0
使い方
表示・非表示を実行させたいブロック要素にstyle="display:block/none;"を指定し、ID(IEのみnameでも可能)を指定します。
<div style="display:none;" id="id">ブロック要素</div>
JavaScriptのメソッドに、上記で指定したIDを格納します。
showLAYER('id')
非表示のブロック要素を表示させる。
hideLAYER('id')
表示中のブロック要素を非表示にする。
showHideLAYER('id')
表示・非表示の一括動作。
<a href="javascript:void(0);" onclick="showHideLAYER('id')">リンク</a>
上記で分からない場合は、このページのソースを見るといいかもしれません。
質問やエラー等については、当サイトの掲示板にてお願いします。
メソッドについて分からない場合は、JavaScript Index メソッド、プロパティ、関数・リファレンスをご覧下さい。