TOP /すぐに使えるJavaScript | アコーデオン(IE,NN,Firefox,opera) |
---|
|
<script type="text/javascript" src="Hidiv.js"></script> 2つ以上設置するときはグループ名をつける<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> はじめに開いておきたい項目があればclass="accordionMenu:グループ名" 表示位置を固定class="accordionMenu:グループ名,open" scriptの変更修整が頻繁にあると思います。 Hidiv.js
END
|