TOP /すぐに使えるJavaScript アコーデオン(IE,NN,Firefox,opera)

Menu1
内容1
内容1
内容1
Menu2
内容2
内容2
内容2
Menu3
内容3
内容3
内容3
Menu4
<script type="text/javascript" src="Hidiv.js"></script>
<table width=200 border=1 style="border-collapse : collapse;">
<tr><td>
<div class="accordionMenu"style="border: 1px solid gray;padding-left: 5px;background-color: #6688ff;color: #ffffff;">Menu1</div>
<div class="accordionContents"style="height:250px;padding:10px;">
内容1<br>
内容1<br>
内容1<br>
</div>
</td></tr>
<tr><td>
<div class="accordionMenu"style="border: 1px solid gray;padding-left: 5px;background-color: #6688ff;color: #ffffff;">Menu2</div>
<div class="accordionContents"style="height:250px;padding:10px;">
内容2<br>
内容2<br>
内容2<br>
</div>
</td></tr>
<tr><td>
<div class="accordionMenu:open"style="border: 1px solid gray;padding-left: 5px;background-color: #6688ff;color: #ffffff; ">Menu3</div>
<div class="accordionContents"style="height:250px;padding:10px;">
内容3<br>
内容3<br>
内容3<br>
</div>
</td></tr>
<tr><td>
<div class="accordionMenu"style="border: 1px solid gray;padding-left: 5px;background-color: #6688ff;color: #ffffff;">Menu4</div>
<div class="accordionContents"style="height:250px;">
<img src="03.jpg" width=196>
</div>
</td></tr>
</table>
2つ以上設置するときはグループ名をつける
class="accordionMenu:グループ名"
はじめに開いておきたい項目があれば
class="accordionMenu:グループ名,open"
表示位置を固定
scriptの変更修整が頻繁にあると思います。
Hidiv.js
END