JavaScriptで階層メニューを実現するテスト

サンプル

おや1

ここをクリックすると下の階層のon/offを切り替えられます。

• リンク1
• リンク2

おや2

おや2を開いてもおや1は閉じません。

• 階層的な説明にはいい感じですね。
• 更に階層化
  • スタイルを微調整しないとリンクと階層切り替えの区別はつきません。
  • でも、階層切り替えはリロードすると未巡回に戻るようです。
• 巧く説明をしないと独り善がりになりそうです。

ダミーのアンカーはここ

特徴

• 排他制御しないのでずるずる全部出てきてしまう。
• その代わり、見比べることも可能だし、このままで階層数の制限もない。
• ヘッダ内のスクリプト記述部に手を入れる必要がないのも楽でいい。
• 要素のidの取得方法をIEではall(id)、NCではgetElementById(id)に。

• 来たところへ戻る
• htmlあれこれ
• 悠の別荘(ここの管理者、狐の悠のHP)