折りたたみメニュー

下のリンクをクリックするとリストになったメニューが出現し、もう一度クリックすると引っ込みます。 この例ではJavaScriptがオフの場合にそのメニューのある別ページにジャンプします。

自作JavaScriptサンプル

よくあるJavaScriptサンプル

<script type="text/javascript"><!--
function oritatami(id){
	obj=(document.all)?document.all(id):((document.getElementById)?document.getElementById(id):null);
	if(obj)	obj.style.display=(obj.style.display=="none")?"block":"none";
}
//--></script>

<a href="URL" onclick="oritatami('o0');return false">メニュー1</a>
<div id="o0" style="display:none">
<ul>
<li><a href="URL">項目1</a>
<li><a href="URL">項目2</a>
<li><a href="URL">項目3</a>
</ul>
</div>

<a href="URL" onclick="oritatami('o1');return false">メニュー2</a>
<div id="o1" style="display:none">
<ul>
<li><a href="URL">項目1</a>
<li><a href="URL">項目2</a>
<li><a href="URL">項目3</a>
<li><a href="URL">項目4</a>
</ul>
</div>

<!--以下onclick="oritatami('')"の括弧内の'と'の間とdiv id=""の"と"の間に他のidと異なる別のidを書いていきます。-->