どこでもドアーズLabo

昨晩、ABCK様の
http://bisco.blog2.fc2.com/blog-entry-6.html のスクリプトをお借りした追記の開閉のカスタマイズ方法を書いたのですが、私は記事下のデータ部分に追記を閉じた時に戻る目安である、id="<%topentry_no>"をふっていたと思い込んでいたのですが、よく見たらありませんでした(-▽-u
（でもなんか閉じると、下の方に戻ってたのよね……おかしいな；）
で、昨夜の記事は忘れて、追記を開閉したい方は、追記を読んでください；
ちなみに追記の開閉は、別ページに移動しないため、あらかじめ追記部分が読み込まれる仕組みですので、追記に画像等を使っている方は重くなりますが、ちょっとした文章を隠したいなんて方にはお勧めです。

【More・・・】

1.HTMLの編集で、</head>の前に、以下を挿入してください。

<script type="text/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>

2.次にHTMLソースを見てエントリー（記事）タイトルここから～ここまでという部分を探してください。
確実に日本語の説明書いているか自信ないのですが、クラス名は時期によってまちまちで……とにかく<h2>とか<h3>とか<div class="entry_title">とか、<h2 class="entry_title">とかになっています。
そのタイトルの開始タグと閉じタグはいじらないで……たとえば、<h2 class="entry_title">なんとかかんとか</h2>とあれば、なんとかかんとかの中味を以下のように変えます。

<a href="<%topentry_link>" name="entry<%topentry_no>" id="<%topentry_no>" title="「<%topentry_title>」を開く"><%topentry_title></a>

3.続きを読むここから～続きを読むここまでを、以下のものに差し替えます。
これはどのテンプレも<!--more_link-->から<!--/more-->までで共通なので探しやすいかと。
<!--▼追記の開閉ここから▼--> <!--more_link--> <!--BisEntryIfExtended--> <p class="more" id="varP<%topentry_no>"> <a href="<%topentry_link>#<%topentry_no>" title="続きを読む" onclick="showMore(<%topentry_no>,'<%topentry_link>#<%topentry_no>');return false;">【Read More】</a> </p> <div id="varXYZ<%topentry_no>" style="display: none"> <p class="more"> <a href="#<%topentry_no>" title="戻る" onclick="showMore(<%topentry_no>,0);return true;">【Return】</a> </p> <%topentry_more> </div> <!--/BisEntryIfExtended--> <!--/more_link--> <!--more--> <a name="more" id="more"></a> <%topentry_more> <!--/more--> <!--/追記の開閉ここまで-->

これで私のテンプレならどれでも、閉じた時に記事頭に戻る追記の開閉が可能になると思います。
閉じるボタンを追記の下にしたければ、
<p class="more"> <a href="#<%topentry_no>" title="戻る" onclick="showMore(<%topentry_no>,0);return true;">【Return】</a> </p>
を
</div> <!--/BisEntryIfExtended-->
の直前に移動してください。

……ただし、最近のはこれでいいですが、時期によっては、上のクラス名がmoreではなくemoreのものなんかもあるかもしれません；　その場合はHTMLとスタイルシートを見て、どっちかに統一してください(;^_^A そもそも続きを読むにクラスがないものもあると思いますが、それはそのままにしておいてOKです。
何か不具合があったら、教えてくださいませ。