画像を使用したツリーメニュー

質問

jsを使用しツリーメニューを作ろうと思っているのですが
希望のものとしてはツリーが閉じている場合は＋の画像を表示し
クリックしツリーが開いている場合は－の画像が表示されるものに
したいと思っております。

知識がないもので検索してみたのですが画像の切り替わるツリー
メニューのサンプルがなかなか見つからず困惑しております。
そのようなサンプルや解説サイトなどご存知の方がおりましたら
是非教えてください。

できればieだけじゃなく主要ブラウザで動作するものが希望です。
宜しくお願い致します。

回答No.1

cieux

中は詳しく見ていませんが、サンプル画面を見た感じですと、画像を置き換えたら実現できそうです。
http://jsm.suepon.com/script/jsm30.html

補足

お返事ありがとうございます。
早速見てみたのですが画像を変えれば使えそうですね！
全てのメニューではなく一部がツリーメニューになるので
できればhtmlで出力させたいと思っております。
<div>
<ul class="normal">
<li><a href="">hoge0</a></li>
<li><a href="">hoge1</a></li>
<li><a href="">hoge2</a></li>
</ul>
<ul class="tree">
<li><a href="">ツリーメニュー</a></li>
</ul>
<ul class="treemenu">
<li><a href="">サブメニュー1</a></li>
<li><a href="">サブメニュー2</a></li>
<li><a href="">サブメニュー3</a></li>
</ul>
<ul class="normal">
<li><a href="">hoge0</a></li>
<li><a href="">hoge1</a></li>
<li><a href="">hoge2</a></li>
</ul>
</div>

htmlのclass指定で例えばnormalは普通のメニューで
treeの箇所に＋と－の画像を表示させtreemenuのクラスが
開いたり閉じたりという形式になれば管理も楽かとは思うのですが
このようなことはできるものでしょうか？