jQueryでアコーディオンパネルUIを自作する (1/3)

暮らしカテゴリーの変更を依頼記事元:

ascii.jp

52 usersがブックマークコメント

コメント

3

記事へのコメント3件

注目コメント
新着コメント

guldeen 練習してみる。

2012/04/16 リンク

urin0818 jQuery/アコーディオンパネル基本

2010/07/06 リンク

ku_marin アコーディオンパネル自作。フォローさんに教えて貰った～これもいい感じ！

jquery

2010/02/23 リンク

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

関連記事

{{ total_bookmarks_with_user_postfix }}{{ root_title }}

jQueryでアコーディオンパネルUIを自作する (1/3)

「アコーディオンパネル UI」の完成画面。ラベル部分をクリックすると、下に隠れていたパネルが表示され... 「アコーディオンパネル UI」の完成画面。ラベル部分をクリックすると、下に隠れていたパネルが表示される（画像クリックでサンプルページを表示します）シンプルなアコーディオンを作ってみようアコーディオンの基本動作から作ります。HTML／XHTML（以下、HTML）は次のとおりで、ラベル部分をdt要素、パネル部分をdd要素で記述する定義型リストで設定します。 ▼サンプル01（HTML部分） <dl> <dt>Step.1</dt> <dd><p>Lorem ...（中略）... venenatis.</p></dd> <dt>Step.2</dt> <dd><p>Integer ...（中略）... accumsan. </p></dd> <dt>Step.3</dt> <dd><p>Integer ...（中略）... imperdiet. </p></dd> </dl> デザインはCSS

ブックマークしたユーザー

nybb2016/08/05
odenge2013/01/07
poyo2012/12/20
K-Taro2012/11/27
ino_ds12012/06/26
yadokari232012/04/16
guldeen2012/04/16
tpex_ovon2011/11/16
mypacecreator2011/08/19
iridescentweb2011/06/01
Akula2011/05/23
masalunba2010/12/20
motchan232010/12/15
windyakin2010/09/02
fugashi2010/08/23
urin08182010/07/06
soratomo2010/06/27
hirocom08082010/03/15

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - 暮らし

いま人気の記事 - 暮らしをもっと読む

新着記事 - 暮らし

新着記事 - 暮らしをもっと読む

設定を変更しましたx