jQueryを使ってアコーディオンを実装する | FSFIELD Labs
JavaScript jQueryを使ってアコーディオンを実装する アコーディオンはラベルをクリックすると隠れていたパネルがスライドしながら表示されるUIです。ポータルサイトのような、情報量に対して表示できるスペースが少ない場合に使用します。 格納するファイル jquery.js 記述の仕方 HTMLの記述 <dl> <dt>アコーディオンその1</dt> <dd>テキストテキストテキストテキストテキストテキストテキスト</dd> <dt>アコーディオンその2</dt> <dd>テキストテキストテキストテキストテキストテキストテキスト</dd> <dt>アコーディオンその3</dt> <dd>テキストテキストテキストテキストテキストテキストテキスト</dd> </dl> JavaScriptの記述 需要がありそうな3つのパターンを用意しました。が、ちょっと言葉だけの説明ではわかりにくいかも
アコーディオンまとめ8選！ | 株式会社LIG
(……きこえますか……きこえますか) Σ(◉◒◉)ん？ (……どうもです……はやちです(:3_ヽ)_) ？？？(◉◒◉)三(◉◒◉)？？？ (いま……あなたの……心に……直接……呼びかけています…(:3_ヽ)_) (◉◒◉;)お 俺にか……？？ (以前「スマホサイトに入れると使いやすくなる！おすすめjQuery4選！」の中でアコーディオンメニューを紹介しましたが、他にも参考になるデザインとUIはないかなと思い集めてみました。ご紹介します……(:3_ヽ)_) (◉◒◉;)ほ ほほう Flexible Slide-to-top Accordion （矢印がくるっと回ってアコーディオンが開くタイプ。矢印の動きがおもしろいですね。_(:3」∠)_) (◉◒◉)ほほう DEMO http://tympanus.net/Tutorials/FlexibleSlideToTopAccordion/ SI
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jQueryを使ってアコーディオンを実装する | FSFIELD Labs
