表示・非表示の切り替え。[トラストワークス]表示・非表示の切り替え。javascript別案件で立て続けに使うことがあり、良い機会なので書いて置きます。大変と思いきや、これが意外と簡単。スクリプト自体も2,3行程度で済んでしまいます。htmlをこんな感じに。id="sample">ココの部分の表示を切り替えます。onclick="hideContent()">非表示</a></p>showContentは表示用の関数、hideContentは非表示用の関数とします。'hidden';}これだけ。替えスクリプトココの部分の表示を切り替えます。表示|非表示scriptの内容を簡単にいうと、javascriptでCSSのプロパティ(ここではvisibility)の値を操作しているだけのお話。これだけだと、単純に消えるだけで、消えた所のスペースが開きっぱなし。表示の切り替えなので、正しいと言えば正しいのだけれど、あまり使い道が無いかも。そこで、上記の関数にスペースを詰める記述を追記してみます。これも、同様にCSSのプロパティを操作します。替えスクリプトココの部分の表示を切り替えます。表示|非表示これで完成。いっても上記のサンプルでは、汎用性がゼロなので、idの部分を引数で受け取ったりするなどして、独自にカスタマイズしてみて下さい。scriptで操作した、visibility,displayプロパティについては、検索でどうぞ。今回の表示・非表示の切り替えは、エクスプローラ風メニューに応用が出来るので、まずは試しに作ってみると良いかも。Q1の回答内容によって、Q2は回答の必要が無くなるから消してしまう、とか。ここで注意したいのが、消したからといってもsubmitすればCGIに値がわたるので、nameのバッティングには注意。消す消さないに関わらず当然のことですが。