サイトのナビゲーションをリスト li タグでマークアップすることがありますが、似たような用途でツリー構造を表現した実装例を紹介してみようと思います。 マークアップの視点で解説された例 (e.g. li + css + javascript で実装 etc) は多数見つかると思いますが、プログラマ寄りな視点で見た場合の実装例を、本エントリーでは紹介してみようと思います。マークアップの視点、デザインの視点、プログラムの視点、色々な角度で見れるようになると良いと思います。 ディレクトリ構造 いわゆる Windows のエクスプローラー風に実装された例 Folder tree with Drag and Drop capabilities - A library of DHTML and Ajax scripts - DHTMLgoodies.com 左が実際に動いているもの、右が CSS