なんだよー作戦失敗だぁ

カテゴリ一覧

<ul>
<MTSubCategories>
<MTHasNoParentCategory><li></MTHasNoParentCategory>
<MTHasSubCategories>
 <img src="<$MTCGIPath$>images/expand_minus.png" class="expand_sw" title="隠す" onClick="shBlock('category_archive_<$MTCategoryID$>', this, '1');" />
 <MTElse><MTHasNoParentCategory><span style="margin-left: 1.2em;"></span><MTElse>└</MTElse></MTHasNoParentCategory></MTElse>
</MTHasSubCategories>
<MTIfNonZero tag="MTCategoryCount">
 <span class="entry"><a href="<$MTCategoryArchiveLink$>" title="<$MTCategoryDescription$>" class="cat<$MTCategoryID$>"><MTCategoryLabel></a></span> [<$MTCategoryCount$>]
<MTElse>
 <span class="entry"><span title="<$MTCategoryDescription$>" class="cat<$MTCategoryID$>"><MTCategoryLabel></span></span>
</MTElse>
</MTIfNonZero><br />
<div class="<MTHasNoSubCategories>no_</MTHasNoSubCategories>sub_category" style="display: block; margin-left: 1.2em;" id="category_archive_<$MTCategoryID$>">
<MTSubCatsRecurse max_depth="3">
</div>
<MTHasNoParentCategory></li></MTHasNoParentCategory>
</MTSubCategories>
</ul>

スタイルシート

/* [＋],[?]ボタン */
.expand_sw {
 cursor: pointer;
}

/* カテゴリ別アーカイブ(表示/非表示切替部=サブカテゴリ) */
.sub_category {
 line-height: 150%;
 margin: 2px 0px 10px 0px;
}

.no_sub_category {
}

JavaScript(基本的には前のと同じ) ※このスクリプトではイメージファイルを使うようにしています。

<script language="JavaScript" type="text/javascript">
<!--

/* 続きを読む・隠す */
function shBlock(id, o, s){
// id: 表示・非表示切り替え部の"ID"
//  o: 「this」を指定(ボタン形状を変える)
//  s: ボタンの文字形式指定
//      '1': image file を使用

    var disp = document.getElementById(id).style.display;

    if (disp == "block") {
        document.getElementById(id).style.display = "none";
        if ( s == 1 ) {
            o.src = "<$MTCGIPath$>images/expand_plus.png";
        } else {
            o.innerHTML = "続きを読む";
        }
        o.title = "展開";
    } else {
        document.getElementById(id).style.display = "block";
        if ( s == 1 ) {
            o.src = "<$MTCGIPath$>images/expand_minus.png";
        } else {
            o.innerHTML = "続きを隠す";
        }
        o.title = "隠す";
    }
}

//-->
</script>

開閉できるようにしてみて言うのもナンですが、これこそ「自己満足」ですよね。見に来た人は、まず使わないでしょうから。(^^;;