JavaScriptを使用する入れ子のドロップダウンメニューについて

質問

仕事で、入れ子のドロップダウンメニューを作成することになりました。

入れ子でなく、通常のドロップダウンメニューを、
こちらのWebサイト↓
http://exyz.cocolog-nifty.com/good_sleep/2007/09/javascript_8131.html
を拝見させて頂き、作成したのですが、
こちらの方法を応用して入れ子にしようとすると、
ドロップダウンメニューが使い物にならないものになってしまいます。

参考としては、こういったものを作りたいと考えています↓。
http://www.ebase.co.jp/solution/index.html
こちらのWebサイトの、左側のメニューです。
カテゴリによって、２段になってます。

いろいろなサイトを調べてみましたが、
CSSによるものしか見当たらず、かつサンプルが、私のブラウザ(Sleipnir、IE)では見ることが出来ませんでした。

参考サイトのように、綺麗なドロップダウンメニューにするには、
一体どうしたらいいのでしょうか。
また、参考サイトは、親メニューの部分だけが画像で、
子メニュー部分は全てテキストになっていますが、
この、子メニューも画像で入れ子のドロップダウンメニューを
作成することは可能でしょうか？

分かりにくい質問で申し訳ございません。
よろしくお願い致します。

回答No.1

taketan_mydns_jp

前の参考サイトは横並びですね。
横並びでいいなら、この辺のライブラリを利用してみたらどうですか？

http://www.dhtmlgoodies.com/index.html?whichScript=dhtmlgoodies_menu2
デモ http://www.dhtmlgoodies.com/scripts/dhtmlgoodies-menu2/dhtmlgoodies-menu2.html

JavaScriptの知識は要らず、入れ子のリストメニューを作るだけです。
# 二番目の参考サイトは結構複雑なスクリプト組んでいますよ。

参考まで。