- View the source.
- Go to 技術系備忘録/Bootstrap/アコーディオン.
1: 2016-04-06 (Wed) 22:09:32 takatsuka ![]() |
Cur: 2016-04-06 (Wed) 22:11:16 takatsuka ![]() Deleted an attach file: accordion-toggle.html at 2016-04-06 (水) 23:10:58, Deleted an attach file: accordion-single.html at 2016-04-06 (水) 23:11:18 at 2016-04-06 (水) 23:32:12 at 2016-04-06 (水) 23:32:15 at 2016-04-07 (木) 22:53:16 at 2016-04-07 (木) 22:53:25 at 2016-04-14 (木) 14:14:09 at 2016-04-14 (木) 14:14:12 |
||
---|---|---|---|
Line 1: | Line 1: | ||
- | 準備中 | + | #freeze |
+ | Webで折り畳み表示です。一般的にはアコーディオンって言うらしいです。 | ||
+ | |||
+ | Bootstrap では collapse って名称ですが、collapse ってどんな意味だろうって調べたら、「潰れる」とか「崩壊する」とか出てきて、なるほどと思いました。 | ||
+ | |||
+ | -折り畳み対象の項目のうち、開いているのは最大1つ。別の項目を開くと、他の項目は閉じる。という挙動のもの。 | ||
+ | &ref(accordion-single.html,サンプルページ); | ||
+ | |||
+ | -折り畳み対象の項目が、それぞれ独立して開閉状態を持つもの。 | ||
+ | &ref(accordion-toggle.html,サンプルページ); | ||
+ | |||
+ | どちらも cookie を使って、リロードしても開閉状態を保持するようにしています。 | ||
+ | 実際のコードはサンプルページを開いてソースをご覧ください。 |
- Backup list of 技術系備忘録/Bootstrap/アコーディオン
- Backup diff of 技術系備忘録/Bootstrap/アコーディオン(No. All)
- 1: 2016-04-06 (Wed) 22:09:32 takatsuka
- Cur: 2016-04-06 (Wed) 22:11:16 takatsuka
- Deleted an attach file: accordion-toggle.html at 2016-04-06 (水) 23:10:58, Deleted an attach file: accordion-single.html at 2016-04-06 (水) 23:11:18 at 2016-04-06 (水) 23:32:12 at 2016-04-06 (水) 23:32:15 at 2016-04-07 (木) 22:53:16 at 2016-04-07 (木) 22:53:25 at 2016-04-14 (木) 14:14:09 at 2016-04-14 (木) 14:14:12
Page Info | |
---|---|
Page Name : | 技術系備忘録/Bootstrap/アコーディオン |
Page aliases : | None |
Page owner : | takatsuka |
Can Read | |
Groups : | All visitors |
Users : | All visitors |
Can Edit | |
Groups : | No one |
Users : | No one |
Counter: 5313,
today: 2,
yesterday: 2