●「続きを読む」を出したり隠したり
追記(extend) )を読んだ後、またその追記の部分を隠す事のできるブログを見て、いいなぁと思い、検索でその方法を探してみました。
「続きを読む」を出したり隠したり・参考
続きを読む
- JavaScript部分に下記を追加
<script language="javascript"> function showMore(varA1, varB1){ var123 = ('varXYZ' + (varA1)); varABC = ('varP' + (varA1)); if( document.getElementById ) { if( document.getElementById(var123).style.display ) { if( varB1 != 0 ) { document.getElementById(var123).style.display = "block"; document.getElementById(varABC).style.display = "none"; } else { document.getElementById(var123).style.display = "none"; document.getElementById(varABC).style.display = "block"; } } else { location.href = varB1; return true; } } else { location.href = varB1; return true; } } </script>
- Main Indexテンプレートの書き換え
<$MTEntryBody$>
<MTEntryIfExtended>
<span class="extended"><a href="<$MTEntryPermalink$>#more">Continue reading "<$MTEntryTitle$>"</a></span><br />
</MTEntryIfExtended>これを下記のように書き換えする
<$MTEntryBody$>
<MTEntryIfExtended>
<span id="varP<$MTEntryID$>"><a title="続きを読む" href="<$MTEntryLink$>#<$MTEntryID pad="1"$>" onclick="showMore(<$MTEntryID$>,'<$MTEntryLink$>#<$MTEntryID pad="1"$>');return false;">read more...</a></span>
<div id="varXYZ<$MTEntryID$>" style="display: none"><$MTEntryMore$><a title="続きを隠す" href="#<$MTEntryID pad="1"$>" onclick="showMore(<$MTEntryID$>,0);return true;">...hide more</a></div>
</MTEntryIfExtended>
「Category Archive」、
「Date-Based Archive」、
「Individual Entry Archive」に適応可元に戻す