クリックで表示されたり消えたりするメニュー


<SCRIPT LANGUAGE="javascript">
<!--
function openmenu(id){
	if(id.style.display!='none') id.style.display='none';
	else id.style.display='inline';
	return false;
}
//-->
</SCRIPT>
<BR><A HREF="JavaScript:void(0)" OnClick="openmenu(crusade)">Crusade</A>
<SPAN ID="crusade" style={display:none;}>
	<BR> <A HREF="JavaScript:void(0)" OnClick="openmenu(crs0)">序章</A>
	<SPAN ID="crs0" style={display:none;}>
		<BR>  <A HREF=../crusade/story_00.htm>00</A>
	</SPAN>
	<BR> <A HREF="JavaScript:void(0)" OnClick="openmenu(crs1)">1章</A>
	<SPAN ID="crs1" style={display:none;}>
		<BR>  <A HREF=../crusade/story_01.htm>01</A>
		<BR>  <A HREF=../crusade/story_02.htm>02</A>
		<BR>  <A HREF=../crusade/story_03.htm>03</A>
		<BR>  <A HREF=../crusade/story_04.htm>04</A>
	</SPAN>
	<BR> <A HREF="JavaScript:void(0)" OnClick="openmenu(crs2)">2章</A>
	<SPAN ID="crs2" style={display:none;}>
		<BR>  <A HREF=../crusade/story_05.htm>05</A>
		<BR>  <A HREF=../crusade/story_06.htm>06</A>
		<BR>  <A HREF=../crusade/story_07.htm>07</A>
		<BR>  <A HREF=../crusade/story_08.htm>08</A>
		<BR>  <A HREF=../crusade/story_09.htm>09</A>
		<BR>  <A HREF=../crusade/story_10.htm>10</A>
	</SPAN>
	<BR> <A HREF="JavaScript:void(0)" OnClick="openmenu(crs3)">3章</A>
	<SPAN ID="crs3" style={display:none;}>
		<BR>  <A HREF=../crusade/story_11.htm>11</A>
		<BR>  <A HREF=../crusade/story_12.htm>12</A>
		<BR>  <A HREF=../crusade/story_13.htm>13</A>
		<BR>  <A HREF=../crusade/story_14.htm>14</A>
		<BR>  <A HREF=../crusade/story_15.htm>15</A>
		<BR>  <A HREF=../crusade/story_16.htm>16</A>
	</SPAN>
</SPAN>



● 設置方法
上記をHTMLの<BODY>〜</BODY>の表示したい位置に貼り付けて下さい。
当たり前ですけどこのまんまコピペしても意味皆無なんで適宜書き換えてください。

<A HREF="JavaScript:void(0)" OnClick="openmenu((*ID))">(メニュー名称)</A>
<SPAN ID="(*ID)" style={display:none;}>
	<BR><A HREF=(URL)>(リンク先名称)</A>
	<BR><A HREF=(URL)>(リンク先名称)</A>
	<BR><A HREF=(URL)>(リンク先名称)</A>
</SPAN>

★(*ID)でリンクと表示を対応させるので、それぞれ重複しないものを任意につけてください。


● 本日のテーマ
前のページにも書いたけど、実際使いたかったので作ったもの。
でも会社でたまたまNNで見たら動かなくって、断念することに。
エラーにはならず普通に使えるんで、それでよければどうぞ。
うーん。他にもNNだと動かないソース、有りそうだなー。うち。
しかしこれJavaScriptっつーよりDHTML講座の範疇じゃないか?

【実行結果】 【戻る】