続きを読むの折りたたみ機能について
今回、続きを読むをクリックすると続き部分が展開されるようにテンプレートのhtmlを編集しました。
編集した結果、続きを読むをクリックするとちゃんと展開されました。
問題なのが、続きをたたむをクリックするとページの下の方にいってしまうということです。
いろいろと検索し、試行錯誤しましたがどうやってもうまくいきません。
これ以外にも少しテンプレートには手を加えていますがこれが原因になっているのでしょうか。
ブログのアドレスです。
http://shimakki.blog.fc2.com/
使用しているテンプレートは公式テンプレートの phot-k3 です。
ブラウザはgoogle chromeです。
ご返答のほどよろしくお願いします。
by Shimakki 2011年03月23日 01:36
by Shimakki
2011年03月23日 01:36
このコミュニティにご参加頂くと、コメントの書き込みができます
-
by rimse 2011年03月28日 00:56
by rimse
2011年03月28日 00:56
-
by Shimakki 2011年03月26日 15:54
by Shimakki
2011年03月26日 15:54
-
by Shimakki 2011年03月24日 00:29
by Shimakki
2011年03月24日 00:29
-
by 標野ゆき 2011年03月23日 22:56
by 標野ゆき
2011年03月23日 22:56
-
by Shimakki 2011年03月23日 22:38
by Shimakki
2011年03月23日 22:38
-
by Shimakki 2011年03月23日 22:26
by Shimakki
2011年03月23日 22:26
-
by ロギラキ 2011年03月23日 22:14
by ロギラキ
2011年03月23日 22:14
-
by Shimakki 2011年03月23日 22:02
by Shimakki
2011年03月23日 22:02
-
by Shimakki 2011年03月23日 20:35
by Shimakki
2011年03月23日 20:35
-
by Shimakki 2011年03月23日 17:58
by Shimakki
2011年03月23日 17:58
変更は元のテンプレートをダウンロードしなおしてから行ってください。この編集で追記の開閉が実装されます。
まず</head>の前に次の一文を追加。
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
次に、<!--more_link-->から<!--/more_link-->までを、以下のように変更。
<!--more_link-->
<p><a href="<%topentry_link>#more" id="ex<%topentry_no>">[ 続きを読む ]</a></p>
<div id="em<%topentry_no>" style="display:none;"><%topentry_more>
<p><a href="#eno<%topentry_no>" id="ec<%topentry_no>">[ 追記をたたむ ]</a></p>
</div>
<script type="text/javascript">
//<!--
jQuery(function($) {
var em = $('#em<%topentry_no>');
$('#ex<%topentry_no>').click(function(){
em.slideToggle();return false;});
$('#ec<%topentry_no>').click(function(){
$('html,body').animate({scrollTop: $('html,body').scrollTop() - em.height()});
em.slideToggle();return false;});});
//-->
</script>
<!--/more_link-->