fc2ブログ
2009
07
22

おりたたみテスト(fold.js)

折り畳み、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

<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;}

バナナは、持っていけますか?
水中では食べられません(>ω<)
長い質問は、行頭揃えです。長い質問は、行頭揃えです。長い質問は、行頭揃えです。長い質問は、行頭揃えです。長い質問は、行頭揃えです。長い質問は、行頭揃えです。長い質問は、行頭揃えです。長い質問は、行頭揃えです。長い質問は、行頭揃えです。長い質問は、行頭揃えです。長い質問は、行頭揃えです。
長い回答は、行頭揃えです。(>ω<)長い回答は、行頭揃えです。(>ω<)長い回答は、行頭揃えです。(>ω<)長い回答は、行頭揃えです。(>ω<)長い回答は、行頭揃えです。(>ω<)長い回答は、行頭揃えです。(>ω<)長い回答は、行頭揃えです。(>ω<)長い回答は、行頭揃えです。(>ω<)長い回答は、行頭揃えです。(>ω<)長い回答は、行頭揃えです。(>ω<)
Comment
 


管理者にだけ表示を許可する


Trackback
Trackback URL

«  | HOME |  »

Manannan Mac Lir

共有テンプレート


Tree-Recent


Tree-Comment


Tree-TB


カテゴリ


Tree-Arcive


CalendArchive


ブログ管理メニュー(新)


タグリスト(旧


ユーザータグ


テンプレート構造解析


フォーラムリンク


最新コメント


リンク


バナー貼


カテゴリ


画像一覧(月別)


ブログ内検索


プロフィール


Tree-LINK


RSSフィード