「続きを読む」の機能を使うにあたって。

質問

さくらのブログ（＝Seesaaと仕様がほぼ同じとの事）を利用しています。
記事を投稿する時に「追記」という機能を使って、ブログTOPページの表示をコンパクトにしています。
以下は表示や動作テスト用に作成したブログです。
参考になればと思いリンクを張ります。
テスト用：http://panapana.sblo.jp/

上記ブログの「続きを読む」をクリックすると「追記」の部分に書かれた記事が読めるようになるのですが、1度画面全体を再読み込みされて、しかも「追記」に書いた文章の文頭が画面に1番上に表示されるようになってしまいます。
（説明が下手ですみません・・・）
ブログ巡りをしている時、とあるブログで同じように「追記」の機能を利用しているブログだったんですが、「続きを読む」のリンクをクリックしても表示されている画面は変わらずに「続きを読む」のリンクがあった場所から「追記」の部分の記事だけが下に表示される・・・というスムーズな表示方法になっていました。
その記事には『便利なスクリプトを拾ってきたｗまじ便利ｗ』とだけ書かれていたのを記憶しています。
（ブログのURLは失念してしまいました。検索ですぐ解決すると思っていたもので・・・）
私も色々と検索したりここのような質問掲示板を探してみたんですが、なかなか見つからずに困っています。
恐らく検索ワードが悪いんだと思いますが・・・

説明も下手で申し訳ないのですが、私もそのブログのような表示方法にさせたいと思っています。
どうかお力をお貸しください、よろしくお願いします。

回答No.1

leap_day · ベストアンサー

こんにちは

<a href="http://panapana.sblo.jp/article/2899029.html#more">
としてるからですね（＾＾）

最後の#more をなくせばそのまま本文がtopに表示されます

＞ページを一度読み込む
<a href>ではなく
style="display:none"
style="display:block"
などを使ってみたらどうですか？

<SCRIPT language="JavaScript">
<!--
flag = false;
function ch(n) {
m = document.all[n].style;
if(m.display == 'none') m.display = "block";
else m.display = "none";
}
//-->
</SCRIPT>

<div id="id">
本文です<br><a href="javascript:ch('sub')">続きを読む</a>
<div id="sub" style="display:none">続きです</div>
</div>

ソース表示では表示の仕方の処理が分からないので汎用性を持たせたスクリプトとはなっていないですけど・・・
『sub』の部分を表示するときに記事番号などにするとかすればいいかと思います

お礼

おお・・・こんな簡単な事だったんですね。
おかげ様で思うように設定する事ができました！！
本当に助かりました、あろがとうございますー＞＜