【jQuery】アコーディオン実装サンプル | 125naroom
もくじ
1. アコーディオン、シンプル版
アコーディオンの中身です。
アコーディオンの中身です。
アコーディオンの中身です。
2. アコーディオン、一つ開けると他は閉じる
アコーディオンの中身です。
アコーディオンの中身です。
アコーディオンの中身です。
3. アコーディオン、一番目は開けておく
アコーディオンの中身です。
アコーディオンの中身です。
アコーディオンの中身です。
4. アコーディオン、一番目は開けておく（一つ開けると他は閉じる）
アコーディオンの中身です。一つ開けると他は閉じます。
アコーディオンの中身です。一つ開けると他は閉じます。
アコーディオンの中身です。一つ開けると他は閉じます。
5. アコーディオンの閉じるボタンを複数作る
ブラウザによって閉じるボタンを押したあとの挙動が違ったので閉じた後はスクロールして上部に戻るようにしました。アコーディオンの中の内容が多いときにおすすめです。内容が少ないときは閉じるボタンは不要かなと思います。
ブラウザによって閉じるボタンを押したあとの挙動が違ったので閉じた後はスクロールして上部に戻るようにしました。アコーディオンの中の内容が多いときにおすすめです。内容が少ないときは閉じるボタンは不要かなと思います。
ブラウザによって閉じるボタンを押したあとの挙動が違ったので閉じた後はスクロールして上部に戻るようにしました。アコーディオンの中の内容が多いときにおすすめです。内容が少ないときは閉じるボタンは不要かなと思います。
6. アコーディオンの閉じるボタンを複数作る（一つ開けると他は閉じる）
ブラウザによって閉じるボタンを押したあとの挙動が違ったので閉じた後はスクロールして上部に戻るようにしました。アコーディオンの中の内容が多いときにおすすめです。内容が少ないときは閉じるボタンは不要かなと思います。
一つ開けると他は閉じるバージョンです。
ブラウザによって閉じるボタンを押したあとの挙動が違ったので閉じた後はスクロールして上部に戻るようにしました。アコーディオンの中の内容が多いときにおすすめです。内容が少ないときは閉じるボタンは不要かなと思います。
一つ開けると他は閉じるバージョンです。
ブラウザによって閉じるボタンを押したあとの挙動が違ったので閉じた後はスクロールして上部に戻るようにしました。アコーディオンの中の内容が多いときにおすすめです。内容が少ないときは閉じるボタンは不要かなと思います。
一つ開けると他は閉じるバージョンです。