jquery.js vを使って…

1. リスト開閉 (→prototype.js版

初期値ではリスト1のみOPEN。リスト2・3は閉じている。
リスト1〜3のリンクをクリックすると、それに応じて開閉する。

表示確認:WinXP + IE6, IE7(standalone), FireFox2

ページLoad時にulタグをチェック。class="close"がついているものはhide()で非表示にする。
onclickでリスト開閉処理をする関数を呼ぶ。リスト開閉処理は、toggle()を使う。

サンプル

- HTML - JavaScript

【お約束】
* 本サイトに記載されている内容の運用によっていかなる損害が発生しても、サイト管理者は責任を負いかねます。あらかじめご了承ください。
* ライブラリやブラウザのバージョンによっては、サンプルが期待通りの動作をしない場合があります。
* 公開しているサンプルは、自由に改造して使用することができます。但しベースとなるライブラリの著作権(ライセンス)を超える範囲での使用は不可となります。
  (例:商用不可ライブラリを使用しているサンプルを、商用サイトで使うetc)
* 本ページでは利用しているライブラリの提供は行っておりません。
* 本ページの内容をそのまま(または簡単な改変のみのまま)流用し、ご自分の著作物として他者に公開することは行わないで下さい。


thanks * syntaxhighlighter