1: 2016-04-06 (水) 22:09:32 takatsuka[4] [5] | 現: 2016-04-06 (水) 22:11:16 takatsuka[4] [6] 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 を使って、リロードしても開閉状態を保持するようにしています。 | ||
+ | 実際のコードはサンプルページを開いてソースをご覧ください。 |
(This host) = https://thinkridge.com