JavaScriptライブラリを使うアコーディオンなタグメニュー

information
「prototype.js」「moo.fx.js」などのJavaScriptライブラリを使うアコーディオンなタグメニューです。Flashのように動きのあるメニューができあがります。必要なファイルはこちらよりダウンロードしてください。

　・prototype.lite.js
　・moo.fx.js
　・moo.fx.pack.js
　・greentab.jpg

JavaScript

body部分

<div id="wrapper">
	<div id="content">
	<h3 class="tab" title="first"><div class="tabtxt"><a href="javascript:;">menu1</a></div></h3>
	<div class="tab"><h3 class="tabtxt" title="second"><a href="javascript:;">menu2</a></h3></div>
	<div class="tab"><h3 class="tabtxt" title="third"><a href="javascript:;">menu3</a></h3></div>
	<div class="tab"><h3 class="tabtxt" title="fourth"><a href="javascript:;">menu4</a></h3></div>
	<div class="boxholder">
		<div class="box">
			<p><strong>メニュー1</strong><br />
				内容を記入
			</p>
		</div>
		<div class="box">
			<p><strong>メニュー2</strong><br />
				内容を記入
			</p>
		</div>
		<div class="box">
			<p><strong>メニュー3</strong><br />
				内容を記入
			</p>
		</div>
		<div class="box">
			<p><strong>メニュー4</strong><br />
				内容を記入
			</p>
		</div>
	</div>
</div>
</div>

CSS

「prototype.js」「moo.fx.js」などJavaScriptライブラリを使うアコーディオンなタグメニュー

information

JavaScript

body

CSS