結婚記念日にショートケーキ！
本日は１１回目の結婚記念日でした。
画像はマクタロウが買ってきてくれたケーキです。
昨日鰻を食べに行ったので、このくらいでいいかと。（笑）
で、今日はこの間ブログのテンプレートを変えたばかりだというのに、
どうもいまひとつ気にくわなくて、またまた変更してしまいました。
タイトル画像を変更したり、プラグインスペースの縦幅を狭くしたりしているうちに、
ふと「続きを読む」の表示を折りたたみ式にしたいと思い立ちまして…
検索などして表示方法などを記しているページに辿りつきタグを貼ってみるものの
記事を開けても閉じるをクリックすると閉じる事は閉じるんですが、
閉じるとすぐにブログのフッター（一番下）に行ってしまい、
折りたたみ式にした意味がなくなってしまうんですよね。
で、検索に検索を重ねてやっと閉じた時にその記事のタイトルに戻るように出来ました！
「続きを読むを折りたたむ方法」は以下の「続きを読む」をクリックして下さい。
「続きを読むを折りたたみたい！」を参照にさせて戴きました。
管理人様どうもありがとうございました。
http://rgrg.blog61.fc2.com/blog-entry-174.html
「編集画面」のHTMLの</head>のすぐ上に下記のタグをコピーして張りつけます。
<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>
<!--more_link-->と<!--/more_link-->中のタグを下記のタグに書き換えます。
<div class="entry_text">
<div id="varP<%topentry_no>">
<a href="<%topentry_link>#<%topentry_no>" onclick="showMore(<%topentry_no>,'<%topentry_link>#<%topentry_no>');return false;">続きを読む</a><br />
</div>
<div id="varXYZ<%topentry_no>" style="display: none"><%topentry_more><br />
<a href="#entry<%topentry_no>" onclick="showMore(<%topentry_no>,0);return true;">続きをたたむ</a>
</div>
</div>
このテンプレートの場合は<a href="#entry<%topentry_no>"の部分を
<a href="#e<%topentry_no>"に差し替える必要があります。
- 関連記事
-
