{"id":103157,"date":"2023-01-24T18:00:26","date_gmt":"2023-01-24T12:30:26","guid":{"rendered":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/?post_type=documents&#038;p=103157"},"modified":"2023-01-24T18:09:21","modified_gmt":"2023-01-24T12:39:21","slug":"expand-close-elementor-accordion-button","status":"publish","type":"documents","link":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/docs\/expand-close-elementor-accordion-button\/","title":{"rendered":"How to Expand or Close all accordion items with a button in Elementor?"},"content":{"rendered":"\n<p>When you are dealing with many times in your accordion, you might want to provide an easy option for users to expand or close all accordions at once easily.<\/p>\n\n\n\n<p>Unfortunately, with the Elementor Accordion widget this can&#8217;t be done.<\/p>\n\n\n\n<p>So if you want to provide your users with a button to expand and collapse all accordions at once so that they don\u2019t have to click on each item to see the information, you can do this by using The Plus Addons for Elementor Accordion widget.<\/p>\n\n\n\n<p><em>To check the complete feature overview documentation of The Plus Addons for Elementor Accordion widget, <a href=\"\/docs\/elementor-accordion-widget-settings-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\">click here<\/a>.<\/em><\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-a89b3969 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-width wp-block-button__width-75 is-style-fill\"><a class=\"wp-block-button__link has-nxt-global-color-8-color has-nxt-global-color-1-background-color has-text-color has-background wp-element-button\" href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/widgets\/accordion?utm_source=tpae&amp;utm_medium=docs&amp;utm_campaign=text\" style=\"border-radius:5px\" target=\"_blank\" rel=\"noreferrer noopener\">LIVE WIDGET LINK<\/a><\/div>\n<\/div>\n\n\n\n<p><\/p>\n\n\n\n<p>To enable this option, drag and drop the Accordion widget on your page and go to <strong>Special Options<\/strong> > <strong>Expand\/Collapse Content Button <\/strong>turn on the toggle.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img fetchpriority=\"high\" decoding=\"async\" width=\"297\" height=\"913\" src=\"https:\/\/etemplates.wdesignkit.com\/wp-content\/uploads\/sites\/55\/2023\/01\/accordion-expand-collapse.png\" alt=\"accordion expand collapse\" class=\"wp-image-103158\" srcset=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/01\/accordion-expand-collapse.png 297w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/01\/accordion-expand-collapse-98x300.png 98w\" sizes=\"(max-width: 297px) 100vw, 297px\" \/><\/figure>\n\n\n\n<p>You can also choose the placement, name, and alignment of the button.<\/p>\n\n\n\n<p>This way, you can make all the accordion items open and close at once. You can also style the button as you want from the <strong>Style<\/strong> tab.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1156\" height=\"538\" src=\"https:\/\/etemplates.wdesignkit.com\/wp-content\/uploads\/sites\/55\/2023\/01\/accordion-all-expand-collapse-preview.gif\" alt=\"accordion all expand collapse preview\" class=\"wp-image-103159\"\/><\/figure>\n","protected":false},"author":25,"featured_media":104388,"parent":0,"comment_status":"open","ping_status":"open","template":"","format":"standard","docs":[529,527],"class_list":["post-103157","documents","type-documents","status-publish","format-standard","has-post-thumbnail","hentry","docs-accordion","docs-plus-widgets"],"acf":[],"_links":{"self":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/documents\/103157","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/documents"}],"about":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/types\/documents"}],"author":[{"embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/users\/25"}],"replies":[{"embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/comments?post=103157"}],"version-history":[{"count":0,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/documents\/103157\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/media\/104388"}],"wp:attachment":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/media?parent=103157"}],"wp:term":[{"taxonomy":"docs","embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/docs?post=103157"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}