スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

fc2ブログで折りたたみの表示





↑のような折りたたみをさせる場合のメモ

まず環境設定の中にある「テンプレートの設定」のHTML編集のHeadの中に


<script type="text/javascript">
<!--
function showPlagin(idno){
pc = ('PlagClose' + (idno));
po = ('PlagOpen' + (idno));
if( document.getElementById(pc).style.display == "none" ) {
document.getElementById(pc).style.display = "block";
document.getElementById(po).style.display = "none";
}
else {
document.getElementById(pc).style.display = "none";
document.getElementById(po).style.display = "block";
}
}
//-->

</script>
をコピペ。

記事の部分に

<div id="PlagOpen1">
<input type="button" onclick="showPlagin(1);return false;" value="押すと内容のリンクが出る" />
</div>
<div id="PlagClose1" style="display: none">
<input type="button" onclick="showPlagin(1);return false;" value="閉じる" />
折りたたみの内容
折りたたみの内容
折りたたみの内容
</div>


と記述してやることで出来上がり
ページ内でいくつも設置するときは記事のほうの数字(4箇所)を増やしていけばいくつでも置けるみたい

ねよっと。

コメントの投稿

非公開コメント

プロフィール

あしゅ

Author:あしゅ
ぷぃぷぃ日常。
いつのまにか雑記ブログに。

カテゴリ
最新記事
検索フォーム
最新コメント
リンク
このブログをリンクに追加する
ブロとも申請フォーム

この人とブロともになる

カウンター
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。