This is a vertical, predominantly CSS based (with a touch of JavaScript) multi-level menu. It supports as many sub levels as you desire, plus multiple Suckertree menus on the same page. The CSS and JavaScript automatically adopts to your HTML code in each case.

CSSベースの階層メニュー作成ライブラリ。



CSSとJavaScriptを定義して読み込んでおけば、ulとliを組み合わせたHTMLタグで階層メニューを作成できます。

HTMLの例）

<div class="suckerdiv">
<ul id="suckertree1">
<li><a href="#">Item 1</a></li>
<li><a href="#">Item 2</a></li>
<li><a href="#">Folder 1</a>
  <ul>
  <li><a href="#">Sub Item 1.1</a></li>
  <li><a href="#">Sub Item 1.2</a></li>
  </ul>
</li>
<li><a href="#">Item 3</a></li>
</ul>
</div>

<ul id="〜">のid属性部分を元に階層メニューをJavaScript側で自動設定しているようです。