カテゴリーとアーカイブの折りたたみ

先週末からカテゴリの整理のためFlashカテゴリを追加し、
それに伴い関連コンテンツをサブカテゴリー化するのに折りたたみできるようにしたいということで
いろいろと弄っていたため一部、微妙に表示がおかしかったわけですが、なんとか完了しました。

ついでに、あまりデザイン的に美しくないSELECTタグを利用していた月別アーカイブもカテゴリー同様に変更。
SELECTタグによる表示は機能的にはいいものだと思うのですが・・・

利用したものはブログカスタマイズでおなじみ小粋空間様のスクリプトです。

デザインにかなり迷ったんですが、結局現在の形に。

絶対に実現したかったのが、折りたたみのリンクとなるポインタのhover処理で最初のころはJavascriptファイルを改造していたりしましたが、結局テンプレート側とCSSで処理しました。

小粋空間様の解説通りだと、サブカテゴリに属するものにポインターが付かないので、
（ここの場合リスト表示のポインタ消しているので）
ポインターが表示されるようにテンプレートを修正。

折りたたみ用のポインタはJavascriptのほうでIMGが指定できるので、完全に透明な画像を指定し、
オープンとクローズ時に異なるclassを指定、hover時の画像入れ替えはCSSで背景画像を移動させるお馴染みのテクニックを利用しました。