{"id":16377,"date":"2025-05-18T05:46:56","date_gmt":"2025-05-18T05:46:56","guid":{"rendered":"https:\/\/animation-addons.com\/docs\/advanced-widgets\/advanced-accordion\/"},"modified":"2025-06-23T12:01:29","modified_gmt":"2025-06-23T12:01:29","slug":"advanced-accordion","status":"publish","type":"docs","link":"https:\/\/animation-addons.com\/docs\/advanced-widgets\/advanced-accordion\/","title":{"rendered":"Advanced Accordion Widget Documentation"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">The <strong>Advanced Accordion Widget<\/strong> in <strong>Animation Addons<\/strong> for Elementor is a <strong>pro feature<\/strong>. To use this widget, make sure the plugin is <strong>installed <\/strong>and <strong>activated <\/strong>on your site. While you can browse both free and pro widgets using the filtering options, this specific widget is available only in the <strong>pro version<\/strong>.<br><\/p>\n\n\n\n<div class=\"wp-block-columns cth-img-box has-black-background-color has-background is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column inner-cth-img-box is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full cth-img\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1150\" height=\"609\" src=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/05\/Advanced-Accordion-1.webp\" alt=\"Advanced Accordion 1\" class=\"wp-image-16380\" title=\"Dashboard\" srcset=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/05\/Advanced-Accordion-1.webp 1150w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/05\/Advanced-Accordion-1-300x159.webp 300w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/05\/Advanced-Accordion-1-1024x542.webp 1024w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/05\/Advanced-Accordion-1-768x407.webp 768w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/05\/Advanced-Accordion-1-20x11.webp 20w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/05\/Advanced-Accordion-1-32x17.webp 32w\" sizes=\"(max-width: 1150px) 100vw, 1150px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Key Use Cases for the Advanced Accordion Widget:<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The <strong>Advanced Accordion Widget<\/strong> in Animation Addons for Elementor lets you create interactive, collapsible content sections, offering a sleek and customizable design to enhance user experience.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Organize content into interactive, collapsible sections for better navigation.<\/li>\n\n\n\n<li>Customize the design to match your website\u2019s style and improve user experience.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Prerequisite<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Elementor<\/li>\n\n\n\n<li>Animation Addons for Elementor<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>How to Activate the Advanced Accordion Widget:<\/strong><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Go to Animation Addons \u2192 Elements in your WordPress dashboard.<\/li>\n\n\n\n<li>Find the Advanced Accordion Widget in the list.<\/li>\n\n\n\n<li>Toggle it on to enable the widget.<\/li>\n\n\n\n<li>The Advanced Accordion Widget is now ready to use!<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-columns cth-img-box has-black-background-color has-background is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column inner-cth-img-box is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full cth-img\"><img decoding=\"async\" width=\"1219\" height=\"608\" src=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/05\/Advanced-Accordion-2.webp\" alt=\"Advanced Accordion 2\" class=\"wp-image-16381\" title=\"Dashboard\" srcset=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/05\/Advanced-Accordion-2.webp 1219w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/05\/Advanced-Accordion-2-300x150.webp 300w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/05\/Advanced-Accordion-2-1024x511.webp 1024w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/05\/Advanced-Accordion-2-768x383.webp 768w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/05\/Advanced-Accordion-2-20x10.webp 20w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/05\/Advanced-Accordion-2-32x16.webp 32w\" sizes=\"(max-width: 1219px) 100vw, 1219px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>How to Add the Advanced Accordion Widget in Elementor:<\/strong><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>In the Elementor panel, search for the <strong>&#8220;Advanced Accordion Widget&#8221;<\/strong>.<\/li>\n\n\n\n<li>Drag and drop the widget into your desired section on the page.<\/li>\n\n\n\n<li>From the widget settings, add accordion items by entering the title and content for each section.<\/li>\n\n\n\n<li>You can enable icons, set active toggle behavior, and adjust animation settings for smoother user interaction.<\/li>\n\n\n\n<li>Use the <strong>Style<\/strong> tab to customize the appearance\u2014adjust typography, spacing, colors, borders, and hover effects to ensure the accordion matches your site\u2019s branding and design.<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-columns cth-img-box has-black-background-color has-background is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column inner-cth-img-box is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full cth-img\"><img decoding=\"async\" width=\"1365\" height=\"635\" src=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/05\/Advanced-Accordion-3.webp\" alt=\"Advanced Accordion 3\" class=\"wp-image-16382\" title=\"Dashboard\" srcset=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/05\/Advanced-Accordion-3.webp 1365w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/05\/Advanced-Accordion-3-300x140.webp 300w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/05\/Advanced-Accordion-3-1024x476.webp 1024w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/05\/Advanced-Accordion-3-768x357.webp 768w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/05\/Advanced-Accordion-3-20x9.webp 20w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/05\/Advanced-Accordion-3-32x15.webp 32w\" sizes=\"(max-width: 1365px) 100vw, 1365px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Configuring Advanced Accordion Widget: A Step-by-Step Guide<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">After adding the <strong>Advanced Accordion Widget<\/strong> to your page, you can customize its settings through the <strong>Content<\/strong>, <strong>Style<\/strong>, and <strong>Advanced<\/strong> tabs.<\/p>\n\n\n\n<div class=\"wp-block-columns cth-img-box has-black-background-color has-background is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column inner-cth-img-box is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full cth-img\"><img loading=\"lazy\" decoding=\"async\" width=\"324\" height=\"482\" src=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/05\/Advanced-Accordion-4.webp\" alt=\"Advanced Accordion 4\" class=\"wp-image-16383\" title=\"Dashboard\" srcset=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/05\/Advanced-Accordion-4.webp 324w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/05\/Advanced-Accordion-4-202x300.webp 202w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/05\/Advanced-Accordion-4-13x20.webp 13w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/05\/Advanced-Accordion-4-22x32.webp 22w\" sizes=\"(max-width: 324px) 100vw, 324px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Content Settings<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Under the <strong>Content<\/strong> tab, you\u2019ll find the <strong>Accordion<\/strong> panel, where you can manage and configure your accordion items:<\/p>\n\n\n\n<div class=\"wp-block-columns cth-img-box has-black-background-color has-background is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column inner-cth-img-box is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full cth-img\"><img loading=\"lazy\" decoding=\"async\" width=\"377\" height=\"622\" src=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/05\/Advanced-Accordion-5.webp\" alt=\"Advanced Accordion 5\" class=\"wp-image-16384\" title=\"Dashboard\" srcset=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/05\/Advanced-Accordion-5.webp 377w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/05\/Advanced-Accordion-5-182x300.webp 182w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/05\/Advanced-Accordion-5-12x20.webp 12w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/05\/Advanced-Accordion-5-19x32.webp 19w\" sizes=\"(max-width: 377px) 100vw, 377px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Accordion Items<\/strong>: Add as many accordion items as needed. Each item includes a title and content area to display detailed information.<\/li>\n\n\n\n<li><strong>Icon<\/strong>: Choose an icon to indicate the expandable section state.<\/li>\n\n\n\n<li><strong>Active Icon<\/strong>: Set a distinct icon to display when the accordion item is opened.<\/li>\n\n\n\n<li><strong>Title HTML Tag<\/strong>: Define the semantic tag (e.g., H1\u2013H6) for the accordion titles to support SEO and content hierarchy.<\/li>\n\n\n\n<li><strong>First Item Opened<\/strong>: Toggle to enable the first accordion item to be expanded by default.<\/li>\n\n\n\n<li><strong>FAQ Schema<\/strong>: Enable this to apply structured data markup, helping search engines recognize the accordion content as FAQs for better visibility in search results.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Style Settings<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The <strong>Style<\/strong> tab allows you to fine-tune the appearance of your accordion for a polished and branded design. The available customization areas include:<\/p>\n\n\n\n<div class=\"wp-block-columns cth-img-box has-black-background-color has-background is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column inner-cth-img-box is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full cth-img\"><img loading=\"lazy\" decoding=\"async\" width=\"327\" height=\"534\" src=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/05\/Advanced-Accordion-6.webp\" alt=\"Advanced Accordion 6\" class=\"wp-image-16385\" title=\"Dashboard\" srcset=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/05\/Advanced-Accordion-6.webp 327w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/05\/Advanced-Accordion-6-184x300.webp 184w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/05\/Advanced-Accordion-6-12x20.webp 12w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/05\/Advanced-Accordion-6-20x32.webp 20w\" sizes=\"(max-width: 327px) 100vw, 327px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Accordion<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Border Width<\/strong>: Define the thickness of the border surrounding each accordion item.<\/li>\n\n\n\n<li><strong>Border Color<\/strong>: Choose a color for the item borders.<\/li>\n\n\n\n<li><strong>Border Radius<\/strong>: Adjust the roundness of the item corners.<\/li>\n\n\n\n<li><strong>Item Gap<\/strong>: Set the spacing between each accordion item.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Count<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Color<\/strong>: Select a color for the numeric or symbol counter (if used).<\/li>\n\n\n\n<li><strong>Typography<\/strong>: Customize the font style, size, weight, and more.<\/li>\n\n\n\n<li><strong>Padding<\/strong>: Adjust spacing around the count element.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Title<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Alignment<\/strong>: Set the horizontal alignment of the title text.<\/li>\n\n\n\n<li><strong>Background<\/strong>: Choose a background color or gradient for the title area.<\/li>\n\n\n\n<li><strong>Color<\/strong>: Define the default title text color.<\/li>\n\n\n\n<li><strong>Active Color<\/strong>: Choose a different text color for the active (open) accordion item.<\/li>\n\n\n\n<li><strong>Typography<\/strong>: Control the font settings for the title text.<\/li>\n\n\n\n<li><strong>Text Stroke<\/strong>: Apply a stroke effect to the title text.<\/li>\n\n\n\n<li><strong>Text Shadow<\/strong>: Add a shadow to the title for a layered look.<\/li>\n\n\n\n<li><strong>Padding<\/strong>: Set spacing inside the title area.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Icon<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Size<\/strong>: Adjust the dimensions of the expand\/collapse icon.<\/li>\n\n\n\n<li><strong>Alignment<\/strong>: Set the icon position relative to the title.<\/li>\n\n\n\n<li><strong>Color<\/strong>: Choose the default icon color.<\/li>\n\n\n\n<li><strong>Active Color<\/strong>: Define the color for the icon when the item is open.<\/li>\n\n\n\n<li><strong>Spacing<\/strong>: Adjust the space between the icon and the title.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Content<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Background<\/strong>: Set a background color or style for the content area.<\/li>\n\n\n\n<li><strong>Color<\/strong>: Choose a text color for the content.<\/li>\n\n\n\n<li><strong>Typography<\/strong>: Customize the font settings for the content text.<\/li>\n\n\n\n<li><strong>Text Shadow<\/strong>: Add a shadow for depth or emphasis.<\/li>\n\n\n\n<li><strong>Padding<\/strong>: Control spacing inside the content box.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Advanced Settings<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">In the advanced settings, you\u2019ll find a variety of advanced features designed to enhance your designs. Experiment with these options and experience the difference they make.<\/p>\n\n\n\n<div class=\"wp-block-columns cth-img-box has-black-background-color has-background is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column inner-cth-img-box is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full cth-img\"><img loading=\"lazy\" decoding=\"async\" width=\"1365\" height=\"632\" src=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/05\/Advanced-Accordion-7.webp\" alt=\"Advanced Accordion 7\" class=\"wp-image-16386\" title=\"Dashboard\" srcset=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/05\/Advanced-Accordion-7.webp 1365w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/05\/Advanced-Accordion-7-300x139.webp 300w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/05\/Advanced-Accordion-7-1024x474.webp 1024w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/05\/Advanced-Accordion-7-768x356.webp 768w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/05\/Advanced-Accordion-7-20x9.webp 20w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/05\/Advanced-Accordion-7-32x15.webp 32w\" sizes=\"(max-width: 1365px) 100vw, 1365px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Final Outcome<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Congratulations! You\u2019ve successfully learned how to configure the <strong>Advanced Accordion Widget<\/strong> in Elementor to create interactive and collapsible content sections. For any further assistance or inquiries, feel free to contact our support team.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-fill\"><a class=\"wp-block-button__link has-text-align-center wp-element-button\" href=\"https:\/\/animation-addons.com\/widgets\/aae-advanced-accordion\/\" target=\"_blank\" rel=\"noreferrer noopener\">View Live Demo<\/a><\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The Advanced Accordion Widget in Animation Addons for Elementor is a pro feature. To use this widget, make sure the plugin is installed and activated on your site. While you can browse both free and pro widgets using the filtering options, this specific widget is available only in the pro version. Key Use Cases for [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":17121,"parent":628,"menu_order":5,"comment_status":"closed","ping_status":"closed","template":"","doc_tag":[],"doc_badge":[],"class_list":["post-16377","docs","type-docs","status-publish","has-post-thumbnail","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Advanced Accordion Widget Documentation - Animation Addons<\/title>\n<meta name=\"description\" content=\"A comprehensive guide to the Advanced Accordion Widget. Learn to add structured content, style it, and improve UX with collapsible sections.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/animation-addons.com\/docs\/advanced-widgets\/advanced-accordion\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Advanced Accordion Widget Documentation - Animation Addons\" \/>\n<meta property=\"og:description\" content=\"A comprehensive guide to the Advanced Accordion Widget. Learn to add structured content, style it, and improve UX with collapsible sections.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/animation-addons.com\/docs\/advanced-widgets\/advanced-accordion\/\" \/>\n<meta property=\"og:site_name\" content=\"Animation Addons\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/animationaddons\" \/>\n<meta property=\"article:modified_time\" content=\"2025-06-23T12:01:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/05\/Advanced-Accordion-Featured-Image.png\" \/>\n\t<meta property=\"og:image:width\" content=\"48\" \/>\n\t<meta property=\"og:image:height\" content=\"48\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@animationaddons\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/advanced-widgets\\\/advanced-accordion\\\/\",\"url\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/advanced-widgets\\\/advanced-accordion\\\/\",\"name\":\"Advanced Accordion Widget Documentation - Animation Addons\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/advanced-widgets\\\/advanced-accordion\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/advanced-widgets\\\/advanced-accordion\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/wp-content\\\/uploads\\\/2025\\\/05\\\/Advanced-Accordion-Featured-Image.png\",\"datePublished\":\"2025-05-18T05:46:56+00:00\",\"dateModified\":\"2025-06-23T12:01:29+00:00\",\"description\":\"A comprehensive guide to the Advanced Accordion Widget. Learn to add structured content, style it, and improve UX with collapsible sections.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/advanced-widgets\\\/advanced-accordion\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/animation-addons.com\\\/docs\\\/advanced-widgets\\\/advanced-accordion\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/advanced-widgets\\\/advanced-accordion\\\/#primaryimage\",\"url\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/wp-content\\\/uploads\\\/2025\\\/05\\\/Advanced-Accordion-Featured-Image.png\",\"contentUrl\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/wp-content\\\/uploads\\\/2025\\\/05\\\/Advanced-Accordion-Featured-Image.png\",\"width\":48,\"height\":48,\"caption\":\"Advanced Accordion Featured Image\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/advanced-widgets\\\/advanced-accordion\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Advanced Widgets\",\"item\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/advanced-widgets\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Advanced Accordion Widget Documentation\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/#website\",\"url\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/\",\"name\":\"Animation Addons\",\"description\":\"Best Animation Plugin for WordPress\",\"publisher\":{\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/#organization\"},\"alternateName\":\"Animation Addons for Elementor\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/#organization\",\"name\":\"Animation Addons\",\"alternateName\":\"Animation Addons for Elementor\",\"url\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/logo.svg\",\"contentUrl\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/logo.svg\",\"width\":48,\"height\":48,\"caption\":\"Animation Addons\"},\"image\":{\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/animationaddons\",\"https:\\\/\\\/x.com\\\/animationaddons\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/animation-addons\\\/\",\"https:\\\/\\\/www.pinterest.com\\\/animationaddons\\\/\",\"https:\\\/\\\/www.instagram.com\\\/aimationaddons\\\/\",\"https:\\\/\\\/www.tiktok.com\\\/@animationaddons\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Advanced Accordion Widget Documentation - Animation Addons","description":"A comprehensive guide to the Advanced Accordion Widget. Learn to add structured content, style it, and improve UX with collapsible sections.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/animation-addons.com\/docs\/advanced-widgets\/advanced-accordion\/","og_locale":"en_US","og_type":"article","og_title":"Advanced Accordion Widget Documentation - Animation Addons","og_description":"A comprehensive guide to the Advanced Accordion Widget. Learn to add structured content, style it, and improve UX with collapsible sections.","og_url":"https:\/\/animation-addons.com\/docs\/advanced-widgets\/advanced-accordion\/","og_site_name":"Animation Addons","article_publisher":"https:\/\/www.facebook.com\/animationaddons","article_modified_time":"2025-06-23T12:01:29+00:00","og_image":[{"width":48,"height":48,"url":"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/05\/Advanced-Accordion-Featured-Image.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_site":"@animationaddons","twitter_misc":{"Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/animation-addons.com\/docs\/advanced-widgets\/advanced-accordion\/","url":"https:\/\/animation-addons.com\/docs\/advanced-widgets\/advanced-accordion\/","name":"Advanced Accordion Widget Documentation - Animation Addons","isPartOf":{"@id":"https:\/\/animation-addons.com\/docs\/#website"},"primaryImageOfPage":{"@id":"https:\/\/animation-addons.com\/docs\/advanced-widgets\/advanced-accordion\/#primaryimage"},"image":{"@id":"https:\/\/animation-addons.com\/docs\/advanced-widgets\/advanced-accordion\/#primaryimage"},"thumbnailUrl":"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/05\/Advanced-Accordion-Featured-Image.png","datePublished":"2025-05-18T05:46:56+00:00","dateModified":"2025-06-23T12:01:29+00:00","description":"A comprehensive guide to the Advanced Accordion Widget. Learn to add structured content, style it, and improve UX with collapsible sections.","breadcrumb":{"@id":"https:\/\/animation-addons.com\/docs\/advanced-widgets\/advanced-accordion\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/animation-addons.com\/docs\/advanced-widgets\/advanced-accordion\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/animation-addons.com\/docs\/advanced-widgets\/advanced-accordion\/#primaryimage","url":"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/05\/Advanced-Accordion-Featured-Image.png","contentUrl":"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/05\/Advanced-Accordion-Featured-Image.png","width":48,"height":48,"caption":"Advanced Accordion Featured Image"},{"@type":"BreadcrumbList","@id":"https:\/\/animation-addons.com\/docs\/advanced-widgets\/advanced-accordion\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/animation-addons.com\/docs\/"},{"@type":"ListItem","position":2,"name":"Advanced Widgets","item":"https:\/\/animation-addons.com\/docs\/advanced-widgets\/"},{"@type":"ListItem","position":3,"name":"Advanced Accordion Widget Documentation"}]},{"@type":"WebSite","@id":"https:\/\/animation-addons.com\/docs\/#website","url":"https:\/\/animation-addons.com\/docs\/","name":"Animation Addons","description":"Best Animation Plugin for WordPress","publisher":{"@id":"https:\/\/animation-addons.com\/docs\/#organization"},"alternateName":"Animation Addons for Elementor","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/animation-addons.com\/docs\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/animation-addons.com\/docs\/#organization","name":"Animation Addons","alternateName":"Animation Addons for Elementor","url":"https:\/\/animation-addons.com\/docs\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/animation-addons.com\/docs\/#\/schema\/logo\/image\/","url":"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/logo.svg","contentUrl":"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/logo.svg","width":48,"height":48,"caption":"Animation Addons"},"image":{"@id":"https:\/\/animation-addons.com\/docs\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/animationaddons","https:\/\/x.com\/animationaddons","https:\/\/www.linkedin.com\/company\/animation-addons\/","https:\/\/www.pinterest.com\/animationaddons\/","https:\/\/www.instagram.com\/aimationaddons\/","https:\/\/www.tiktok.com\/@animationaddons"]}]}},"author_avatar":"https:\/\/secure.gravatar.com\/avatar\/d0824328e817de9f5f8d005a4b8d1fcea87dd03cee2b85f00c4d3cb2da172cfe?s=96&d=mm&r=g","author_name":"docs_admin","_links":{"self":[{"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/docs\/16377","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/comments?post=16377"}],"version-history":[{"count":4,"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/docs\/16377\/revisions"}],"predecessor-version":[{"id":17526,"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/docs\/16377\/revisions\/17526"}],"up":[{"embeddable":true,"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/docs\/628"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/media\/17121"}],"wp:attachment":[{"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/media?parent=16377"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/doc_tag?post=16377"},{"taxonomy":"doc_badge","embeddable":true,"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/doc_badge?post=16377"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}