アコーディオンとトグル
13609
page-template,page-template-full_width,page-template-full_width-php,page,page-id-13609,theme-bridge,bridge-core-3.1.8,woocommerce-no-js,qode-page-transition-enabled,ajax_fade,page_not_loaded,,side_area_uncovered_from_content,columns-4,qode-child-theme-ver-1.0.0,qode-theme-ver-30.5,qode-theme-bridge,qode_header_in_grid,wpb-js-composer js-comp-ver-7.9,vc_responsive
 

アコーディオンとトグル

Accordions and Toggles

アコーディオンとトグル、似て非なる両者の違い

Accordion Button

Demo 1

アコーディオンは同じ場所に複数設定することが可能で、個々のコンテンツが伸びたり縮んだりとアコーディオン状に配置されます。

Accordion Button

Demo 2

アコーディオンは常に1つしか表示されない。そのため省スペースで済みます。

Accordion Button

Demo 3

アコーディオンは常に1つしか表示されない。そのため省スペースで済みます。

Accordion Button

Demo 4

アコーディオンは常に1つしか表示されない。そのため省スペースで済みます。

Toggle Button

Demo 1

トグルとアコーディオンの大きな違いは、同時に開いておくパネルコンテンツ数に制限がないトグルに対し常に1つしか表示されないのがアコーディオンです。

Toggle Button

Demo 2

トグルは同時に開いておくパネルコンテンツ数に制限がない。パネル数が増え全て開くと多くのスペースを必要とします。

Toggle Button

Demo 3

トグルは同時に開いておくパネルコンテンツ数に制限がない。パネル数が増え全て開くと多くのスペースを必要とします。

Toggle Button

Demo 4

トグルは同時に開いておくパネルコンテンツ数に制限がない。パネル数が増え全て開くと多くのスペースを必要とします。