treeview でカテゴリーのツリー表示ができる。<ul>タグにclassの設定をしてあげるだけなのですごく簡単です。cookieを使って、開閉状況を持続できるのですごく使い勝手がいいです。
サンプルを見て使ってみると良いでしょう。
１．jsファイル＋jqueryの本体＋cssをインクルード
後からの追加だったので、共通で使っているjsに入れ込んだ。
document.write('<script type="text/javascript" src="share/js/jquery.js"></script>');
document.write('<script type="text/javascript" src="share/js/jquery.cookie.js"></script>');
document.write('<script type="text/javascript" src="share/js/jquery.treeview.js"></script>');
２．ページでの設定。jsファイルで書いてもいい。
<script>
$("#firsttree").ready(function(){
$("#firsttree").treeview({
animated:"normal",
persist: "cookie",
cookieId: "1kome"
});
$("#firsttree").css("visibility","visible");
});
</script>
「#firsttree」はULのclassに指定する任意のID。
３．ULタグにclassを設定する
<ul id="firsttree" class="treeview-famfamfam" style="visibility: hidden;">
すべて表示されてから、整形されるため一度ツリー化されていないデフォルトの状態が表示されてしまうので、「 style="visibility: hidden;"」で隠しておく。
「display：none」や「position：absolute；left：-600」とかやるとie6やie7で崩れてしまう。
