折り畳み、sugさんの「fold.js」を設置すると、できます。
http://blog-imgs-27.fc2.com/s/u/g/sug/fold.htm#
設置してあるテンプレートは、下記です。(下記をクリックしてからでないと、スクリプトは動作しません)
http://manannan.blog84.fc2.com/?template=colorfree_colorfish&no=246
HTML
http://blog-imgs-27.fc2.com/s/u/g/sug/fold.htm#
設置してあるテンプレートは、下記です。(下記をクリックしてからでないと、スクリプトは動作しません)
http://manannan.blog84.fc2.com/?template=colorfree_colorfish&no=246
HTML
スタイルシート例<dl class="arc">
<dt class="question" title="クリックすると答えを表示">質問1</dt>
<dd class="js_close">
回答1
</dd>
<dt class="question" title="クリックすると答えを表示">質問2</dt>
<dd class="js_close">
回答2
</dd>
</dl>
.question{margin:0;padding:0 0 0 20px;background:url(http://blog-imgs-27.fc2.com/m/a/n/manannan/07cyan-icon.gif) left top no-repeat;} .js_close{margin:0;padding:0 0 0 20px;}
- バナナは、持っていけますか?
- 水中では食べられません(>ω<)
- 長い質問は、行頭揃えです。長い質問は、行頭揃えです。長い質問は、行頭揃えです。長い質問は、行頭揃えです。長い質問は、行頭揃えです。長い質問は、行頭揃えです。長い質問は、行頭揃えです。長い質問は、行頭揃えです。長い質問は、行頭揃えです。長い質問は、行頭揃えです。長い質問は、行頭揃えです。
- 長い回答は、行頭揃えです。(>ω<)長い回答は、行頭揃えです。(>ω<)長い回答は、行頭揃えです。(>ω<)長い回答は、行頭揃えです。(>ω<)長い回答は、行頭揃えです。(>ω<)長い回答は、行頭揃えです。(>ω<)長い回答は、行頭揃えです。(>ω<)長い回答は、行頭揃えです。(>ω<)長い回答は、行頭揃えです。(>ω<)長い回答は、行頭揃えです。(>ω<)
Trackback URL
Copyright©:
Articles by manannan
Sup.byM,
anannanCarendarchive by Pcafe,
Powerd by FC2 Blog