■ プルダウンメニューを作成する

プルダウンメニューのような機能を作成します。
このページが開いたときは隠しておいて、ある文字をクリックするとメニューが表示されます。

また、その文字を再度クリックするとメニューが閉じられます。

この機能は、現在のメニューの状態を覚えておいて、自動的に反転するようにしています。
この機能を使いますと、文字を隠したり表示したりすることができます。

この下の「【MENU】」をクリックしてみてください。

※ここの「Javascriptサンプル」−「プルダウンメニューを３つ作成する」も参考にしてください。

◆ 実行サンプル

【記述サンプル】

まず、テキストエディタなどを使用し、次の記述を「puldwn0.js」というファイル名で保存します。
txt_hide('div01'); function txt_hide(tagnam1){ document.getElementById('div01').style.display='none'; } function txt_flip(tagnam1){ if (document.getElementById(tagnam1).style.display == '') { document.getElementById(tagnam1).style.display='none'; } else { document.getElementById(tagnam1).style.display=''; } }

そしてメニューとJavascriptの呼び出しを次のように記述します。 <span onclick="txt_flip('div01')" title="ここをクリックしてください。"> 【MENU】 </span><br> <span id="div01"> <a href="../faqhp.html">予備知識</a><br> <a href="../exphtml.html">HTMLの解説</a><br> <a href="../../htm/expcgi.html">CGI（Perl）の解説</a><br> </span> <script type="text/javascript" src="puldwn0.js"></script>