旧フォーラムの記事です http://blog.fc2.com/forum/viewtopic.php?f=3&t=6226
奏 2005-12-15 15:52:54
件名 ：ツリー化したものを更に折りたたみする方法は？
使用OS/ブラウザ：WinXP/Sleipnir,IE6
使用テンプレート名：blog_note3c
ブログURL：http://kanazakana.blog4.fc2.com/
初めて投稿します。
ワンダと巨像と土と空 カテゴリーのツリー化の手順 を参照して、カテゴリのツリー化をしました。
このツリー化したカテゴリの、カテゴリ自体ではなく…小カテゴリを折りたたむにはどうすればよいでしょうか？
現在は、ツリー化が成功し、とりあえずカテゴリ自体が折りたためている状態です。
以前のトピック 、そして 春木屋さん のページを参照してここまでは出来たのですが、大カテゴリをスイッチにすることが出来ません。
修正途中のプレビューがこちらです。
http://kanazakana.blog4.fc2.com/?style2=blog_note3c&index
よろしくお願い致します。
このコミュニティにご参加頂くと、コメントの書き込みができます
スタイルシートの方での設定変更は
『tree』を『js_close』におきかえればいいということでしょうか？
gTreeOption['top'] = ''; /* ツリー本体の最初 */
奏 2005-12-15 17:13:09
件名 ：
tree → js_close への置き換え、やってみました。
赤字が変更部分です。
プレビューで見てみた限り、何も変わりがないようにみえるのですが…これであっているのでしょうか？
/*ツリー化関連の設定*/
ul{
margin: 0px;
padding: 0px 0px 0px 16px;
list-style-type: none;
}
ul.js_close {
list-style-type: none;
margin: 0px;
padding: 3px;
}
ul.js_close li {
margin: 0px;
padding: 0px 0px 0px 16px;
background-image: url(<a class="postlink" href="http://blog4.fc2.com/k/kanazakana/file/tree_normal_01.gif">http://blog4.fc2.com/k/kanazakana/file/ ... mal_01.gif</a>);
background-repeat: no-repeat;
}
ul.js_close li.end {
background-image: url(<a class="postlink" href="http://blog4.fc2.com/k/kanazakana/file/tree_end_01.gif">http://blog4.fc2.com/k/kanazakana/file/tree_end_01.gif</a>);
}
それから、今気づいたのですが、カテゴリ以外の部分のツリー化したところ(この場合コメントのところなんですが)も、折りたたまれるようになってしまいました。こちらは普通に開いておきたいのですが、そういった表示も可能なんでしょうか？