{"id":46088,"date":"2024-02-25T12:50:16","date_gmt":"2024-02-25T10:50:16","guid":{"rendered":"https:\/\/elementor.com\/help\/?p=46088"},"modified":"2026-02-05T13:06:35","modified_gmt":"2026-02-05T11:06:35","slug":"accordion-widget-with-nested-elements","status":"publish","type":"post","link":"https:\/\/elementor.com\/help\/accordion-widget-with-nested-elements\/","title":{"rendered":"Accordion widget with nested elements"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"46088\" class=\"elementor elementor-46088\" data-elementor-post-type=\"post\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5b259ffe e-flex e-con-boxed e-con e-parent\" data-id=\"5b259ffe\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-45fd3d6a elementor-widget elementor-widget-heading\" data-id=\"45fd3d6a\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Add the widget<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1e780836 e-con-full e-flex e-con e-child\" data-id=\"1e780836\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5dfc656f elementor-widget elementor-widget-image\" data-id=\"5dfc656f\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"137\" height=\"102\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/Accordion-widget.png\" class=\"attachment-full size-full wp-image-46839\" alt=\"Accordion widget\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fdacb2b elementor-widget elementor-widget-n-accordion\" data-id=\"fdacb2b\" data-element_type=\"widget\" data-settings=\"{&quot;default_state&quot;:&quot;all_collapsed&quot;,&quot;max_items_expended&quot;:&quot;one&quot;,&quot;n_accordion_animation_duration&quot;:{&quot;unit&quot;:&quot;ms&quot;,&quot;size&quot;:400,&quot;sizes&quot;:[]}}\" data-widget_type=\"nested-accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-accordion\" aria-label=\"Accordion. Open links with Enter or Space, close with Escape, and navigate with Arrow Keys\">\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-2650\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"1\" tabindex=\"0\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-2650\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Add the widget to the canvas <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-2650\" class=\"elementor-element elementor-element-6b2daaf e-con-full e-flex e-con e-child\" data-id=\"6b2daaf\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-47c543f6 elementor-widget elementor-widget-text-editor\" data-id=\"47c543f6\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ol><li style=\"font-weight: 400\"><span style=\"font-weight: 400\">In Elementor Editor, click<\/span><b> +.<br \/><\/b>All available widgets are displayed.<\/li><li style=\"font-weight: 400\">Click or drag the widget to the canvas. For more information, see <a href=\"https:\/\/elementor.com\/help\/add-elements-to-a-page\/\"><span>Add elements to a page<\/span><\/a><span>.<\/span><\/li><\/ol>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-249b3292 e-flex e-con-boxed e-con e-parent\" data-id=\"249b3292\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3faa216 elementor-widget elementor-widget-heading\" data-id=\"3faa216\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">What is an Accordion widget with nested elements?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7da01ba6 elementor-widget elementor-widget-text-editor\" data-id=\"7da01ba6\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p data-path-to-node=\"0\">Nested elements refer to\u00a0 widgets and other elements that are placed inside a container block, establishing a parent-child hierarchy. This technique allows you to group multiple components within a element.\u00a0 You can use nesting as a way to create complex, organized layouts within a widget area.<\/p><p><span style=\"font-weight: 400;\">Accordion with nested elements offers a more advanced and flexible structure, allowing you to nest additional elements within each section. It provides an enhanced way to organize and present content on your website compared to the standard <\/span><span style=\"font-weight: 400;\">Accordion widget.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7136254a e-flex e-con-boxed e-con e-parent\" data-id=\"7136254a\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-56fe0cec elementor-widget elementor-widget-heading\" data-id=\"56fe0cec\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Common use case<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3d96c8f elementor-widget elementor-widget-text-editor\" data-id=\"3d96c8f\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400\">Matt is building a photography website. Rather than creating different pages, Matt wanted to create an interactive section where they showcase their work, make it easy for potential clients to book sessions, and display exclusive photography packages &#8211; all necessary details in one section of the website!\u00a0<\/span><\/p><p><span style=\"font-weight: 400\">To achieve this, they use an accordion widget with nested elements. In the accordion&#8217;s nested panels Matt included a portfolio showcase with an attractive image, a booking section with a CTA button, and a display of exclusive packages in list format.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f6a7d50 elementor-widget elementor-widget-image\" data-id=\"f6a7d50\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1000\" height=\"540\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/02\/Accordion-with-nested-elements-10.gif\" class=\"attachment-full size-full wp-image-47117\" alt=\"Accordion with nested elements 10\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-79f40c92 e-flex e-con-boxed e-con e-parent\" data-id=\"79f40c92\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-68522000 elementor-widget elementor-widget-heading\" data-id=\"68522000\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Additional use cases<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-50b17b0c e-con-full e-flex e-con e-child\" data-id=\"50b17b0c\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6745efc elementor-widget elementor-widget-text-editor\" data-id=\"6745efc\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ul><li style=\"font-weight: 400\"><span style=\"font-weight: 400\">A nested accordion panel showcasing testimonials and reviews from satisfied clients.<\/span><\/li><li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Restaurant website showcases the menu, reservations, and chef&#8217;s specials.<\/span><\/li><li style=\"font-weight: 400\"><span style=\"font-weight: 400\">An E-commerce Website displays product categories, promotions, shipping, and returns.<\/span><\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-35811498 elementor-widget elementor-widget-heading\" data-id=\"35811498\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Video<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3dcf9830 elementor-widget elementor-widget-text-editor\" data-id=\"3dcf9830\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400\">See a video demonstrating the widget in action.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1bcc9108 elementor-widget elementor-widget-video\" data-id=\"1bcc9108\" data-element_type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/www.youtube.com\\\/watch?v=RoaT74Fqxfw&amp;t=1s&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-41da35cb elementor-widget elementor-widget-heading\" data-id=\"41da35cb\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Add elements to your Accordion widget<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-67809090 elementor-widget elementor-widget-text-editor\" data-id=\"67809090\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400\">You can add elements such as images, buttons, or other widgets within each Accordion section, providing more versatility in designing and organizing your content.<\/span><\/p><p><span style=\"font-weight: 400\">The new Accordion widget incorporates the features of the Toggle widget, so the Toggle widget is no longer available.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6dd5c46 elementor-widget elementor-widget-shortcode\" data-id=\"6dd5c46\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div class=\"hbox callout-note\">\n                <div class=\"hicon\"> \n                    <span class=\"material-symbols-outlined\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n\t\t\t\t\t<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2.36581 2.36386C3.86061 0.869064 5.88798 0.0292969 8.00194 0.0292969C10.1159 0.0292969 12.1433 0.869064 13.6381 2.36386C15.1329 3.85865 15.9726 5.88603 15.9726 7.99999C15.9726 10.1139 15.1329 12.1413 13.6381 13.6361C12.1433 15.1309 10.1159 15.9707 8.00194 15.9707C5.88798 15.9707 3.86061 15.1309 2.36581 13.6361C0.871017 12.1413 0.03125 10.1139 0.03125 7.99999C0.03125 5.88603 0.871017 3.85865 2.36581 2.36386ZM8.00194 1.5293C6.28581 1.5293 4.63996 2.21103 3.42647 3.42452C2.21298 4.63801 1.53125 6.28385 1.53125 7.99999C1.53125 9.71612 2.21298 11.362 3.42647 12.5755C4.63996 13.7889 6.28581 14.4707 8.00194 14.4707C9.71807 14.4707 11.3639 13.7889 12.5774 12.5755C13.7909 11.362 14.4726 9.71612 14.4726 7.99999C14.4726 6.28385 13.7909 4.63801 12.5774 3.42452C11.3639 2.21103 9.71807 1.5293 8.00194 1.5293ZM8.00194 7.25002C8.41616 7.25002 8.75194 7.58581 8.75194 8.00002V11.6104C8.75194 12.0246 8.41616 12.3604 8.00194 12.3604C7.58773 12.3604 7.25194 12.0246 7.25194 11.6104V8.00002C7.25194 7.58581 7.58773 7.25002 8.00194 7.25002ZM7.54165 4.09316C7.7077 3.9822 7.90293 3.92298 8.10265 3.92298C8.37045 3.92298 8.62729 4.02937 8.81666 4.21874C9.00603 4.40811 9.11242 4.66495 9.11242 4.93275C9.11242 5.13246 9.0532 5.32769 8.94224 5.49375C8.83128 5.65981 8.67358 5.78923 8.48907 5.86566C8.30456 5.94208 8.10153 5.96208 7.90565 5.92312C7.70978 5.88416 7.52986 5.78799 7.38863 5.64677C7.24741 5.50554 7.15124 5.32562 7.11228 5.12975C7.07332 4.93387 7.09331 4.73084 7.16974 4.54633C7.24617 4.36182 7.37559 4.20412 7.54165 4.09316Z\" fill=\"black\"\/>\n\t\t\t\t  <\/svg><\/span>\n                <\/div>\n                <div class=\"hboxinfo\">\n                    <strong>Note<\/strong>\n                    <div class=\"hcontent\">This change does not affect existing Accordion and Toggle widgets on your website. You can still edit them using the previous options, and they will continue to work as they did before.<\/div>\n                <\/div>\n            <\/div><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f48445c elementor-widget elementor-widget-shortcode\" data-id=\"f48445c\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div class=\"hbox callout-important\">\n                <div class=\"hicon\"> \n                    <span class=\"material-symbols-outlined\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M13.6342 13.6361C12.1394 15.1309 10.112 15.9707 7.99806 15.9707C5.8841 15.9707 3.85672 15.1309 2.36193 13.6361C0.867135 12.1413 0.0273691 10.114 0.0273692 8.00001C0.0273694 5.88605 0.867136 3.85868 2.36193 2.36388C3.85673 0.869087 5.8841 0.0293208 7.99806 0.029321C10.112 0.0293212 12.1394 0.869088 13.6342 2.36388C15.129 3.85868 15.9688 5.88605 15.9688 8.00001C15.9688 10.114 15.129 12.1413 13.6342 13.6361ZM7.99806 14.4707C9.71419 14.4707 11.36 13.789 12.5735 12.5755C13.787 11.362 14.4688 9.71615 14.4688 8.00001C14.4688 6.28388 13.787 4.63803 12.5735 3.42454C11.36 2.21105 9.71419 1.52932 7.99806 1.52932C6.28193 1.52932 4.63608 2.21105 3.42259 3.42454C2.2091 4.63803 1.52737 6.28388 1.52737 8.00001C1.52737 9.71615 2.2091 11.362 3.42259 12.5755C4.63608 13.789 6.28193 14.4707 7.99806 14.4707ZM7.99806 8.74998C7.58384 8.74998 7.24806 8.41419 7.24806 7.99998L7.24806 4.38963C7.24806 3.97542 7.58384 3.63963 7.99806 3.63963C8.41227 3.63963 8.74806 3.97542 8.74806 4.38963L8.74806 7.99998C8.74806 8.41419 8.41227 8.74998 7.99806 8.74998ZM8.45835 11.9068C8.2923 12.0178 8.09707 12.077 7.89735 12.077C7.62955 12.077 7.37271 11.9706 7.18334 11.7813C6.99397 11.5919 6.88758 11.3351 6.88758 11.0672C6.88758 10.8675 6.9468 10.6723 7.05776 10.5063C7.16872 10.3402 7.32642 10.2108 7.51093 10.1343C7.69544 10.0579 7.89848 10.0379 8.09435 10.0769C8.29022 10.1158 8.47015 10.212 8.61137 10.3532C8.75259 10.4945 8.84876 10.6744 8.88772 10.8703C8.92668 11.0661 8.90669 11.2692 8.83026 11.4537C8.75384 11.6382 8.62441 11.7959 8.45835 11.9068Z\" fill=\"black\"\/>\n\t\t\t\t\t<\/svg><\/span>\n                <\/div>\n                <div class=\"hboxinfo\">\n                    <strong>Important<\/strong>\n                    <div class=\"hcontent\">The Accordion widget is not compatible with the Loop widget because nested elements do not work with repetitive elements.<\/div>\n                <\/div>\n            <\/div><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-23c3fd22 elementor-widget elementor-widget-text-editor\" data-id=\"23c3fd22\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h3>Create an Accordion with nested elements<\/h3><ol><li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Add the Accordion widget to the canvas. For details, see <\/span><a href=\"https:\/\/elementor.com\/help\/add-elements-to-a-page\/\"><span style=\"font-weight: 400\">Add elements to a page.<\/span><\/a><\/li><li style=\"font-weight: 400\">By default, the Accordion widget appears with <b>Item #1 <\/b>expanded on the canvas. Every item has a container already built in. You can add and customize elements to the empty container.<br \/><img decoding=\"async\" class=\"alignnone wp-image-47118 size-full\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/02\/Accordion-with-nested-elements-8.png\" alt=\"Accordion with nested elements 8\" width=\"1999\" height=\"800\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/02\/Accordion-with-nested-elements-8.png 1999w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/02\/Accordion-with-nested-elements-8-300x120.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/02\/Accordion-with-nested-elements-8-1024x410.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/02\/Accordion-with-nested-elements-8-768x307.png 768w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/02\/Accordion-with-nested-elements-8-1536x615.png 1536w\" sizes=\"(max-width: 1999px) 100vw, 1999px\" \/><\/li><li><span style=\"font-weight: 400\">In the <\/span><b>Content<\/b><span style=\"font-weight: 400\"> tab, under the<\/span><b> Layout<\/b><span style=\"font-weight: 400\"> section, click an item to edit it.<br \/><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-47119 size-full\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/02\/Accordion-with-nested-elements-2.png\" alt=\"Accordion with nested elements 2\" width=\"1999\" height=\"890\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/02\/Accordion-with-nested-elements-2.png 1999w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/02\/Accordion-with-nested-elements-2-300x134.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/02\/Accordion-with-nested-elements-2-1024x456.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/02\/Accordion-with-nested-elements-2-768x342.png 768w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/02\/Accordion-with-nested-elements-2-1536x684.png 1536w\" sizes=\"(max-width: 1999px) 100vw, 1999px\" \/><\/span><\/li><li><span style=\"font-weight: 400\">In the <\/span><b>Title<\/b><span style=\"font-weight: 400\"> field, add the accordion name and give the tab a <\/span><b>CSS ID<\/b><span style=\"font-weight: 400\">. For more details, see <\/span><a href=\"https:\/\/elementor.com\/help\/css-selectors-in-elementor\/\"><span style=\"font-weight: 400\">CSS selectors in Elementor.<\/span><span style=\"font-weight: 400\"><br \/><\/span><\/a><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-47120 size-full\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/02\/Accordion-with-nested-elements-3.png\" alt=\"Accordion with nested elements 3\" width=\"1999\" height=\"737\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/02\/Accordion-with-nested-elements-3.png 1999w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/02\/Accordion-with-nested-elements-3-300x111.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/02\/Accordion-with-nested-elements-3-1024x378.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/02\/Accordion-with-nested-elements-3-768x283.png 768w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/02\/Accordion-with-nested-elements-3-1536x566.png 1536w\" sizes=\"(max-width: 1999px) 100vw, 1999px\" \/><\/li><li><span style=\"font-weight: 400\">Click the<\/span><b> Add Item<\/b><span style=\"font-weight: 400\"> button to add a new tab.<br \/><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-47121 size-full\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/02\/Accordion-with-nested-elements-1.png\" alt=\"Accordion with nested elements 1\" width=\"1999\" height=\"858\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/02\/Accordion-with-nested-elements-1.png 1999w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/02\/Accordion-with-nested-elements-1-300x129.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/02\/Accordion-with-nested-elements-1-1024x440.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/02\/Accordion-with-nested-elements-1-768x330.png 768w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/02\/Accordion-with-nested-elements-1-1536x659.png 1536w\" sizes=\"(max-width: 1999px) 100vw, 1999px\" \/><\/span><\/li><\/ol>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-23735eb0 e-flex e-con-boxed e-con e-parent\" data-id=\"23735eb0\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-18884ba elementor-widget elementor-widget-heading\" data-id=\"18884ba\" data-element_type=\"widget\" id=\"settings\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Settings for Accordion with nested elements<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-54f36002 elementor-widget elementor-widget-text-editor\" data-id=\"54f36002\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p class=\"sc-jMbUWg fdTPyi\"><span style=\"font-weight: 400\">You can customize your widgets using content, style, and other advanced parameters, offering you great flexibility in tailoring them to your needs. Click the tabs below to see all the settings available for this widget.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4c4398b0 elementor-widget elementor-widget-heading\" data-id=\"4c4398b0\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Content tab<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6f17d45e elementor-widget elementor-widget-text-editor\" data-id=\"6f17d45e\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400\">Using the options in the content tab, you can control the layout and content of the accordion.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-78e8e820 elementor-widget__width-auto e-n-tabs-mobile elementor-widget elementor-widget-n-tabs\" data-id=\"78e8e820\" data-element_type=\"widget\" data-settings=\"{&quot;horizontal_scroll&quot;:&quot;disable&quot;}\" data-widget_type=\"nested-tabs.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-tabs\" data-widget-number=\"2028529696\" aria-label=\"Tabs. Open items with Enter or Space, close with Escape and navigate using the Arrow keys.\">\n\t\t\t<div class=\"e-n-tabs-heading\" role=\"tablist\">\n\t\t\t\t\t<button id=\"e-n-tab-title-20285296961\" data-tab-title-id=\"e-n-tab-title-20285296961\" class=\"e-n-tab-title\" aria-selected=\"true\" data-tab-index=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"e-n-tab-content-20285296961\" style=\"--n-tabs-title-order: 1;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\tLayout\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t<button id=\"e-n-tab-title-20285296962\" data-tab-title-id=\"e-n-tab-title-20285296962\" class=\"e-n-tab-title\" aria-selected=\"false\" data-tab-index=\"2\" role=\"tab\" tabindex=\"-1\" aria-controls=\"e-n-tab-content-20285296962\" style=\"--n-tabs-title-order: 2;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\tInteractions\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t\t<\/div>\n\t\t\t<div class=\"e-n-tabs-content\">\n\t\t\t\t<div id=\"e-n-tab-content-20285296961\" role=\"tabpanel\" aria-labelledby=\"e-n-tab-title-20285296961\" data-tab-index=\"1\" style=\"--n-tabs-title-order: 1;\" class=\"e-active elementor-element elementor-element-9a1088e e-con-full e-flex e-con e-child\" data-id=\"9a1088e\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-31204b38 elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"31204b38\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"582\" height=\"1486\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/02\/Accordion-with-nested-elements-14.png\" class=\"attachment-full size-full wp-image-47128\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/02\/Accordion-with-nested-elements-14.png 582w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/02\/Accordion-with-nested-elements-14-117x300.png 117w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/02\/Accordion-with-nested-elements-14-401x1024.png 401w\" sizes=\"(max-width: 582px) 100vw, 582px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1f4bf53 elementor-widget elementor-widget-n-accordion\" data-id=\"1f4bf53\" data-element_type=\"widget\" data-settings=\"{&quot;default_state&quot;:&quot;all_collapsed&quot;,&quot;max_items_expended&quot;:&quot;one&quot;,&quot;n_accordion_animation_duration&quot;:{&quot;unit&quot;:&quot;ms&quot;,&quot;size&quot;:400,&quot;sizes&quot;:[]}}\" data-widget_type=\"nested-accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-accordion\" aria-label=\"Accordion. Open links with Enter or Space, close with Escape, and navigate with Arrow Keys\">\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-3280\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"1\" tabindex=\"0\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-3280\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Items <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2.25 10C2.25 9.58579 2.58579 9.25 3 9.25H17C17.4142 9.25 17.75 9.58579 17.75 10C17.75 10.4142 17.4142 10.75 17 10.75H3C2.58579 10.75 2.25 10.4142 2.25 10Z\" fill=\"black\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M13.5303 9.46967L13 10L13.5303 10.5303C13.8232 10.2374 13.8232 9.76256 13.5303 9.46967ZM11.9393 10L5.46967 16.4697C5.17678 16.7626 5.17678 17.2374 5.46967 17.5303C5.76256 17.8232 6.23744 17.8232 6.53033 17.5303L13.5303 10.5303C13.5304 10.5303 13.5303 10.5303 13 10C13.5303 9.46967 13.5304 9.4697 13.5303 9.46967L6.53033 2.46967C6.23744 2.17678 5.76256 2.17678 5.46967 2.46967C5.17678 2.76256 5.17678 3.23744 5.46967 3.53033L11.9393 10Z\" fill=\"black\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-3280\" class=\"elementor-element elementor-element-2079952d e-con-full e-flex e-con e-child\" data-id=\"2079952d\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-60611a67 elementor-widget elementor-widget-text-editor\" data-id=\"60611a67\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400\">In the Content tab, expand the Layout section to determine the number of tabs and their titles.<\/span><\/p><p><b>Items<\/b><span style=\"font-weight: 400\">: Each tab of the Accordion is an item. Click an item to edit it. Editing the item allows you to:<\/span><\/p><ul><li style=\"font-weight: 400\"><b>Title:<\/b><span style=\"font-weight: 400\"> Change the title.\u00a0<\/span><\/li><li style=\"font-weight: 400\"><b>CSS ID:<\/b><span style=\"font-weight: 400\"> Give the tab a CSS ID. For more details, <\/span><a href=\"https:\/\/elementor.com\/help\/css-selectors-in-elementor\/\"><span style=\"font-weight: 400\">see CSS selectors in Elementor.<\/span><\/a><\/li><li style=\"font-weight: 400\"><b>Item Position:<\/b><span style=\"font-weight: 400\"> Determine where the tab\u2019s name will appear.<\/span><\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-3281\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"2\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-3281\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Icon <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2.25 10C2.25 9.58579 2.58579 9.25 3 9.25H17C17.4142 9.25 17.75 9.58579 17.75 10C17.75 10.4142 17.4142 10.75 17 10.75H3C2.58579 10.75 2.25 10.4142 2.25 10Z\" fill=\"black\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M13.5303 9.46967L13 10L13.5303 10.5303C13.8232 10.2374 13.8232 9.76256 13.5303 9.46967ZM11.9393 10L5.46967 16.4697C5.17678 16.7626 5.17678 17.2374 5.46967 17.5303C5.76256 17.8232 6.23744 17.8232 6.53033 17.5303L13.5303 10.5303C13.5304 10.5303 13.5303 10.5303 13 10C13.5303 9.46967 13.5304 9.4697 13.5303 9.46967L6.53033 2.46967C6.23744 2.17678 5.76256 2.17678 5.46967 2.46967C5.17678 2.76256 5.17678 3.23744 5.46967 3.53033L11.9393 10Z\" fill=\"black\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-3281\" class=\"elementor-element elementor-element-54fc0405 e-con-full e-flex e-con e-child\" data-id=\"54fc0405\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2673d703 elementor-widget elementor-widget-text-editor\" data-id=\"2673d703\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400\">By default, an icon appears next to the tab\u2019s name. Visitors click this icon to expand and collapse the tab.<\/span><\/p><p><span style=\"font-weight: 400\">You further get icon customization options, such as:<\/span><\/p><ul><li style=\"font-weight: 400\"><b>Position:<\/b><span style=\"font-weight: 400\"> Determine the icon&#8217;s place &#8211; on the left or right of the tab name.<\/span><\/li><li style=\"font-weight: 400\"><b>Expand:<\/b><span> Provides three options for the icon that opens the tab:<\/span><ul><li style=\"font-weight: 400\"><span style=\"font-weight: 400\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-47129\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/02\/Accordion-with-nested-elements-9.png\" alt=\"Accordion with nested elements 9\" width=\"12\" height=\"11\" \/> Opt for no icon by selecting the none option.<\/span><\/li><li style=\"font-weight: 400\"><span style=\"font-weight: 400\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-47130\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/02\/Accordion-with-nested-elements-11.png\" alt=\"Accordion with nested elements 11\" width=\"14\" height=\"12\" \/> Upload your own SVG file as an icon. For more details, see <\/span><a href=\"https:\/\/elementor.com\/help\/enable-svg-support-in-elementor\/\"><span style=\"font-weight: 400\">Enable SVG support.<\/span><\/a><\/li><li style=\"font-weight: 400\"><span style=\"font-weight: 400\"> <img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-47131\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/02\/Accordion-with-nested-elements-13.png\" alt=\"Accordion with nested elements 13\" width=\"11\" height=\"11\" \/> Pick an icon from the icon library.\u00a0<\/span><\/li><\/ul><\/li><li><b>Collapse:<\/b><span style=\"font-weight: 400\"> Provides three options for the icon that opens the tab:<\/span><span style=\"font-weight: 400\"><br \/><\/span><ul><li style=\"font-weight: 400\"><span style=\"font-weight: 400\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-47129\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/02\/Accordion-with-nested-elements-9.png\" alt=\"Accordion with nested elements 9\" width=\"12\" height=\"11\" \/> Opt for no icon by selecting the none option.<\/span><\/li><li style=\"font-weight: 400\"><span style=\"font-weight: 400\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-47130\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/02\/Accordion-with-nested-elements-11.png\" alt=\"Accordion with nested elements 11\" width=\"14\" height=\"12\" \/> Upload your own SVG file as an icon. For more details, see <\/span><a href=\"https:\/\/elementor.com\/help\/enable-svg-support-in-elementor\/\"><span style=\"font-weight: 400\">Enable SVG support.<\/span><\/a><\/li><li style=\"font-weight: 400\"><span style=\"font-weight: 400\"> <img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-47131\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/02\/Accordion-with-nested-elements-13.png\" alt=\"Accordion with nested elements 13\" width=\"11\" height=\"11\" \/> Pick an icon from the icon library. <\/span><\/li><\/ul><\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-3282\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"3\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-3282\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Title HTML Tag <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2.25 10C2.25 9.58579 2.58579 9.25 3 9.25H17C17.4142 9.25 17.75 9.58579 17.75 10C17.75 10.4142 17.4142 10.75 17 10.75H3C2.58579 10.75 2.25 10.4142 2.25 10Z\" fill=\"black\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M13.5303 9.46967L13 10L13.5303 10.5303C13.8232 10.2374 13.8232 9.76256 13.5303 9.46967ZM11.9393 10L5.46967 16.4697C5.17678 16.7626 5.17678 17.2374 5.46967 17.5303C5.76256 17.8232 6.23744 17.8232 6.53033 17.5303L13.5303 10.5303C13.5304 10.5303 13.5303 10.5303 13 10C13.5303 9.46967 13.5304 9.4697 13.5303 9.46967L6.53033 2.46967C6.23744 2.17678 5.76256 2.17678 5.46967 2.46967C5.17678 2.76256 5.17678 3.23744 5.46967 3.53033L11.9393 10Z\" fill=\"black\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-3282\" class=\"elementor-element elementor-element-20cdcb51 e-con-full e-flex e-con e-child\" data-id=\"20cdcb51\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-26ff4f57 elementor-widget elementor-widget-text-editor\" data-id=\"26ff4f57\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400\">Choose the HTML tag for your title. Choices include H1 to H6, Div, Span, or Paragraph.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-3283\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"4\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-3283\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> FAQ Schema <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2.25 10C2.25 9.58579 2.58579 9.25 3 9.25H17C17.4142 9.25 17.75 9.58579 17.75 10C17.75 10.4142 17.4142 10.75 17 10.75H3C2.58579 10.75 2.25 10.4142 2.25 10Z\" fill=\"black\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M13.5303 9.46967L13 10L13.5303 10.5303C13.8232 10.2374 13.8232 9.76256 13.5303 9.46967ZM11.9393 10L5.46967 16.4697C5.17678 16.7626 5.17678 17.2374 5.46967 17.5303C5.76256 17.8232 6.23744 17.8232 6.53033 17.5303L13.5303 10.5303C13.5304 10.5303 13.5303 10.5303 13 10C13.5303 9.46967 13.5304 9.4697 13.5303 9.46967L6.53033 2.46967C6.23744 2.17678 5.76256 2.17678 5.46967 2.46967C5.17678 2.76256 5.17678 3.23744 5.46967 3.53033L11.9393 10Z\" fill=\"black\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-3283\" class=\"elementor-element elementor-element-4c328934 e-con-full e-flex e-con e-child\" data-id=\"4c328934\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-14263c4a elementor-widget elementor-widget-text-editor\" data-id=\"14263c4a\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Enable FAQ Schema to let AI tools know that this widget contains an FAQ.<\/span><\/p><p><div class=\"hbox callout-warning\">\n                <div class=\"hicon\"> \n                    <span class=\"material-symbols-outlined\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n\t\t\t\t\t<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10 2.24878C9.65323 2.24878 9.31598 2.35024 9.02625 2.53805C8.73692 2.72561 8.50787 2.99071 8.36031 3.29986L8.36001 3.30049L2.43644 15.74L2.43637 15.7401C2.30124 16.0241 2.23833 16.3374 2.25178 16.6509C2.26523 16.9645 2.35477 17.2714 2.51437 17.5427C2.67407 17.8141 2.89971 18.0424 3.17309 18.2026C3.44675 18.3629 3.75769 18.4486 4.07602 18.4488L4.07644 18.4488H15.9236L15.924 18.4488C16.2423 18.4486 16.5532 18.3629 16.8269 18.2026C17.1003 18.0424 17.3259 17.8141 17.4856 17.5427C17.6452 17.2714 17.7348 16.9645 17.7482 16.6509C17.7617 16.3374 17.6988 16.0241 17.5636 15.7401L17.5636 15.74L11.64 3.30049L11.6397 3.29986C11.4921 2.99071 11.2631 2.72561 10.9737 2.53805C10.684 2.35024 10.3468 2.24878 10 2.24878ZM9.84218 3.79673C9.89255 3.76408 9.94709 3.74878 10 3.74878C10.0529 3.74878 10.1075 3.76408 10.1578 3.79673C10.2085 3.82959 10.2544 3.87986 10.2859 3.94575L10.286 3.94602L16.2092 16.3847L16.2093 16.3849C16.2382 16.4456 16.2527 16.5153 16.2496 16.5867C16.2465 16.6581 16.2261 16.7253 16.1928 16.782C16.1596 16.8384 16.1158 16.8807 16.0686 16.9083C16.0218 16.9358 15.9718 16.9488 15.9231 16.9488H4.07686C4.02816 16.9488 3.9782 16.9358 3.93136 16.9083C3.88423 16.8807 3.84037 16.8384 3.80717 16.782C3.77386 16.7253 3.75346 16.6581 3.7504 16.5867C3.74734 16.5152 3.76187 16.4455 3.79081 16.3847L9.714 3.94602L9.71412 3.94575C9.74564 3.87986 9.79149 3.82959 9.84218 3.79673ZM10 7.33645C10.4142 7.33645 10.75 7.67223 10.75 8.08645V11.479C10.75 11.8932 10.4142 12.229 10 12.229C9.58579 12.229 9.25 11.8932 9.25 11.479V8.08645C9.25 7.67223 9.58579 7.33645 10 7.33645ZM9.22093 14.0925C9.42277 13.8806 9.7024 13.7562 9.99999 13.7562C10.2976 13.7562 10.5772 13.8806 10.779 14.0925C10.98 14.3035 11.0885 14.5842 11.0885 14.8716C11.0885 15.159 10.98 15.4397 10.779 15.6507C10.5772 15.8627 10.2976 15.987 9.99999 15.987C9.7024 15.987 9.42277 15.8627 9.22093 15.6507C9.01997 15.4397 8.91149 15.159 8.91149 14.8716C8.91149 14.5842 9.01997 14.3035 9.22093 14.0925Z\" fill=\"black\"\/>\n\t\t\t\t  <\/svg><\/span>\n                <\/div>\n                <div class=\"hboxinfo\">\n                    <strong>Warning<\/strong>\n                    <div class=\"hcontent\">In order to use FAQ Schema, you must leave the cache setting as <strong>Default<\/strong> or <strong>Inactive<\/strong>.<\/div>\n                <\/div>\n            <\/div><\/p><p><div class=\"hbox callout-tip\">\n                <div class=\"hicon\"> \n                    <span class=\"material-symbols-outlined\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n\t\t\t\t\t<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M7.81081 10.2763C7.65275 10.4075 7.48976 10.5147 7.34144 10.5645V14.5885C7.34144 15.1512 7.51291 15.6587 7.81081 16.0362C8.13909 16.4522 8.6209 16.7102 9.19595 16.7102H14.4498C14.6563 16.7102 14.864 16.6229 15.0097 16.47C15.1336 16.339 15.1956 16.1425 15.1956 15.969C15.1956 15.8137 15.1543 15.6609 15.0705 15.5529C14.9466 15.3564 14.9259 15.1368 15.0097 14.9172C15.0923 14.7001 15.2782 14.5678 15.4847 14.523C15.8163 14.4587 16.0641 14.1517 16.0641 13.8023C16.0641 13.6495 16.024 13.4954 15.9184 13.3644C15.7945 13.2116 15.7544 13.015 15.7945 12.8185C15.8358 12.6208 15.9609 12.4667 16.1261 12.3806C16.3739 12.2495 16.5197 12.0081 16.4979 11.7242C16.4979 11.4173 16.3338 11.1553 16.0641 11.0461C15.8358 10.9575 15.6912 10.761 15.6706 10.5208C15.6499 10.2806 15.7544 10.0404 15.9402 9.90818C16.1468 9.75533 16.2707 9.49208 16.25 9.23004C16.2099 8.87945 15.8565 8.57495 15.5054 8.57495H12.6496C12.4029 8.57495 12.1539 8.44272 11.9887 8.24619C11.8234 8.02661 11.7408 7.76458 11.7821 7.50254L11.968 5.97156C12.0105 5.68648 11.9887 5.44627 11.9474 5.24975C11.8604 4.86298 11.6743 4.5227 11.4199 4.25834C11.4037 4.2415 11.3873 4.22496 11.3705 4.20874C11.2043 4.04785 11.0117 3.91803 10.8003 3.82674C10.5734 3.72871 10.3249 3.6751 10.0645 3.6751C10.0232 3.6751 9.9819 3.69693 9.96125 3.71877C9.9406 3.74061 9.91994 3.78307 9.91994 3.82674V5.62097C9.91994 6.60603 9.65031 7.56805 9.15464 8.39904L8.43065 9.62431C8.28202 9.81913 8.05216 10.0758 7.81081 10.2763ZM7.29743 8.55468C6.93743 8.14003 6.41882 7.87983 5.84234 7.87983H3.96847C2.88131 7.87983 2 8.80521 2 9.94672V16.8332C2 17.9747 2.88131 18.9001 3.96847 18.9001H5.84234C6.5794 18.9001 7.22185 18.4748 7.55919 17.8451C8.02476 18.123 8.57465 18.2852 9.19595 18.2852H14.4498C15.0398 18.2852 15.6331 18.0424 16.0699 17.5843L16.074 17.5799C16.5266 17.1014 16.6956 16.4782 16.6956 15.969C16.6956 15.869 16.6894 15.7619 16.6751 15.6504C17.2135 15.2293 17.5641 14.558 17.5641 13.8023C17.5641 13.6188 17.5436 13.4206 17.4936 13.2183C17.8252 12.8116 18.0284 12.2746 17.997 11.6608C17.9843 11.161 17.8207 10.6814 17.5315 10.294C17.6975 9.93388 17.7784 9.52462 17.7449 9.10014L17.7426 9.071L17.7393 9.04197C17.6637 8.38204 17.316 7.87693 16.9539 7.56046C16.5888 7.24138 16.0821 6.99995 15.5054 6.99995H13.3553L13.4537 6.18978C13.5246 5.69076 13.4855 5.25933 13.4121 4.91033L13.4097 4.89904L13.4072 4.88779C13.0448 3.27615 11.6882 2.1001 10.0645 2.1001C9.59591 2.1001 9.17905 2.31065 8.89692 2.60895C8.62401 2.8975 8.41994 3.32895 8.41994 3.82674V5.62097C8.41994 6.30383 8.23291 6.97707 7.88339 7.56305L7.29743 8.55468ZM17.0607 12.3435C17.0616 12.3447 17.0626 12.346 17.0636 12.3472L17.0607 12.3435ZM6.31081 9.94672C6.31081 9.67505 6.10107 9.45483 5.84234 9.45483H3.96847C3.70974 9.45483 3.5 9.67505 3.5 9.94672V16.8332C3.5 17.1049 3.70974 17.3251 3.96847 17.3251H5.84234C6.10107 17.3251 6.31081 17.1049 6.31081 16.8332V9.94672Z\" fill=\"black\"\/>\n\t\t\t\t  <\/svg><\/span>\n                <\/div>\n                <div class=\"hboxinfo\">\n                    <strong>Tip<\/strong>\n                    <div class=\"hcontent\">Google no longer supports <span style=\"font-weight: 400;\">FAQ Schema but some AI tools and LLMs may still use it.<\/div>\n                <\/div>\n            <\/div><\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div id=\"e-n-tab-content-20285296962\" role=\"tabpanel\" aria-labelledby=\"e-n-tab-title-20285296962\" data-tab-index=\"2\" style=\"--n-tabs-title-order: 2;\" class=\" elementor-element elementor-element-2511f08c e-con-full e-flex e-con e-child\" data-id=\"2511f08c\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-129e2124 elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"129e2124\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"602\" height=\"788\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/02\/Accordion-with-nested-elements-7.png\" class=\"attachment-full size-full wp-image-47132\" alt=\"Accordion with nested elements 7\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/02\/Accordion-with-nested-elements-7.png 602w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/02\/Accordion-with-nested-elements-7-229x300.png 229w\" sizes=\"(max-width: 602px) 100vw, 602px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3e845f58 elementor-widget elementor-widget-n-accordion\" data-id=\"3e845f58\" data-element_type=\"widget\" data-settings=\"{&quot;default_state&quot;:&quot;all_collapsed&quot;,&quot;max_items_expended&quot;:&quot;one&quot;,&quot;n_accordion_animation_duration&quot;:{&quot;unit&quot;:&quot;ms&quot;,&quot;size&quot;:400,&quot;sizes&quot;:[]}}\" data-widget_type=\"nested-accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-accordion\" aria-label=\"Accordion. Open links with Enter or Space, close with Escape, and navigate with Arrow Keys\">\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1040\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"1\" tabindex=\"0\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1040\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Default State <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1040\" class=\"elementor-element elementor-element-35bfc733 e-con-full e-flex e-con e-child\" data-id=\"35bfc733\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-46e40170 elementor-widget elementor-widget-text-editor\" data-id=\"46e40170\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400\">Determines how the Accordion appears by default:<\/span><\/p><ul><li style=\"font-weight: 400\"><b>First expanded<\/b><span style=\"font-weight: 400\"> \u2013\u00a0 The first item is expanded .<\/span><\/li><li style=\"font-weight: 400\"><b>All collapsed<\/b><span style=\"font-weight: 400\"> \u2013 No items are expanded.<\/span><\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1041\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"2\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1041\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Max Items Expanded <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1041\" class=\"elementor-element elementor-element-748daa98 e-con-full e-flex e-con e-child\" data-id=\"748daa98\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-659701ba elementor-widget elementor-widget-text-editor\" data-id=\"659701ba\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400\">Determines how many tabs can be opened simultaneously.<\/span><\/p><ul><li style=\"font-weight: 400\"><b>One <\/b><span style=\"font-weight: 400\">\u2013 Single tab can be opened at a time. <\/span><\/li><li style=\"font-weight: 400\"><b>Multiple<\/b><span> \u2013 Unlimited number of tabs can be opened simultaneously.<\/span><\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1042\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"3\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1042\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Animation Duration <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1042\" class=\"elementor-element elementor-element-c62b55e e-con-full e-flex e-con e-child\" data-id=\"c62b55e\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-68e8d99 elementor-widget elementor-widget-text-editor\" data-id=\"68e8d99\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400\">Adjust animation duration for opening and closing tabs.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d6f49c8 e-flex e-con-boxed e-con e-parent\" data-id=\"d6f49c8\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3eed3439 elementor-widget elementor-widget-heading\" data-id=\"3eed3439\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Style tab<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2bf94060 elementor-widget elementor-widget-text-editor\" data-id=\"2bf94060\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400\">In the Style tab, you can control the overall style of the accordion.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-66c318c3 elementor-widget__width-auto e-n-tabs-mobile elementor-widget elementor-widget-n-tabs\" data-id=\"66c318c3\" data-element_type=\"widget\" data-settings=\"{&quot;horizontal_scroll&quot;:&quot;disable&quot;}\" data-widget_type=\"nested-tabs.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-tabs\" data-widget-number=\"1724061891\" aria-label=\"Tabs. Open items with Enter or Space, close with Escape and navigate using the Arrow keys.\">\n\t\t\t<div class=\"e-n-tabs-heading\" role=\"tablist\">\n\t\t\t\t\t<button id=\"e-n-tab-title-17240618911\" data-tab-title-id=\"e-n-tab-title-17240618911\" class=\"e-n-tab-title\" aria-selected=\"true\" data-tab-index=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"e-n-tab-content-17240618911\" style=\"--n-tabs-title-order: 1;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\tAccordion\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t<button id=\"e-n-tab-title-17240618912\" data-tab-title-id=\"e-n-tab-title-17240618912\" class=\"e-n-tab-title\" aria-selected=\"false\" data-tab-index=\"2\" role=\"tab\" tabindex=\"-1\" aria-controls=\"e-n-tab-content-17240618912\" style=\"--n-tabs-title-order: 2;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\tHeader\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t<button id=\"e-n-tab-title-17240618913\" data-tab-title-id=\"e-n-tab-title-17240618913\" class=\"e-n-tab-title\" aria-selected=\"false\" data-tab-index=\"3\" role=\"tab\" tabindex=\"-1\" aria-controls=\"e-n-tab-content-17240618913\" style=\"--n-tabs-title-order: 3;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\tContent\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t\t<\/div>\n\t\t\t<div class=\"e-n-tabs-content\">\n\t\t\t\t<div id=\"e-n-tab-content-17240618911\" role=\"tabpanel\" aria-labelledby=\"e-n-tab-title-17240618911\" data-tab-index=\"1\" style=\"--n-tabs-title-order: 1;\" class=\"e-active elementor-element elementor-element-59820862 e-con-full e-flex e-con e-child\" data-id=\"59820862\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2e0818f3 elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"2e0818f3\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"589\" height=\"1238\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/02\/Accordion-with-nested-elements-4.png\" class=\"attachment-full size-full wp-image-47138\" alt=\"Accordion with nested elements 4\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/02\/Accordion-with-nested-elements-4.png 589w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/02\/Accordion-with-nested-elements-4-143x300.png 143w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/02\/Accordion-with-nested-elements-4-487x1024.png 487w\" sizes=\"(max-width: 589px) 100vw, 589px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7f065112 elementor-widget elementor-widget-n-accordion\" data-id=\"7f065112\" data-element_type=\"widget\" data-settings=\"{&quot;default_state&quot;:&quot;all_collapsed&quot;,&quot;max_items_expended&quot;:&quot;one&quot;,&quot;n_accordion_animation_duration&quot;:{&quot;unit&quot;:&quot;ms&quot;,&quot;size&quot;:400,&quot;sizes&quot;:[]}}\" data-widget_type=\"nested-accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-accordion\" aria-label=\"Accordion. Open links with Enter or Space, close with Escape, and navigate with Arrow Keys\">\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-2130\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"1\" tabindex=\"0\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-2130\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Space between Items <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-2130\" class=\"elementor-element elementor-element-44b049a4 e-con-full e-flex e-con e-child\" data-id=\"44b049a4\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f1cea06 elementor-widget elementor-widget-text-editor\" data-id=\"f1cea06\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400\">Use the slider to increase and decrease the amount of space between tabs.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-2131\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"2\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-2131\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Distance from content <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-2131\" class=\"elementor-element elementor-element-44f6d81b e-con-full e-flex e-con e-child\" data-id=\"44f6d81b\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2d4d22cd elementor-widget elementor-widget-text-editor\" data-id=\"2d4d22cd\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400\">Use the slider to increase and decrease the space between the tab title and elements in the tab.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-2132\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"3\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-2132\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Background Type <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-2132\" class=\"elementor-element elementor-element-1023ddb2 e-con-full e-flex e-con e-child\" data-id=\"1023ddb2\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7181d781 elementor-widget elementor-widget-text-editor\" data-id=\"7181d781\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400\">Choose the background. For more details, see <\/span><a href=\"http:\/\/elementor.com\/help\/create-background\"><span style=\"font-weight: 400\">Create a Background.<\/span><\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-2133\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"4\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-2133\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Border Type <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-2133\" class=\"elementor-element elementor-element-7cf5888b e-con-full e-flex e-con e-child\" data-id=\"7cf5888b\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-30657cc0 elementor-widget elementor-widget-text-editor\" data-id=\"30657cc0\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400\">Choose the border type. For more details, see <\/span><a href=\"https:\/\/elementor.com\/help\/border-type\/\"><span style=\"font-weight: 400\">Border type.<\/span><\/a><\/p><p><span style=\"font-weight: 400\">You get three styles to choose for:<\/span><\/p><ul><li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Normal \u2013 The default style.<\/span><\/li><li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Hover \u2013 The style when users mouse over the tab.<\/span><\/li><li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Active \u2013 The style when the tab is open.<\/span><\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-2134\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"5\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-2134\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Border Radius <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-2134\" class=\"elementor-element elementor-element-2bf4bf72 e-con-full e-flex e-con e-child\" data-id=\"2bf4bf72\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7da41f36 elementor-widget elementor-widget-text-editor\" data-id=\"7da41f36\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400\">Choose the border radius. For more details, see <\/span><a href=\"https:\/\/elementor.com\/help\/border-radius-tools\/\"><span style=\"font-weight: 400\">Border radius tools<\/span><\/a><span style=\"font-weight: 400\">.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-2135\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"6\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-2135\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Padding <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-2135\" class=\"elementor-element elementor-element-f96712 e-con-full e-flex e-con e-child\" data-id=\"f96712\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-285a4fd7 elementor-widget elementor-widget-text-editor\" data-id=\"285a4fd7\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400\">Set the inner spacing between the content&#8217;s edge and the accordion&#8217;s edge. Learn <\/span><a href=\"https:\/\/elementor.com\/help\/create-space-with-padding-and-margin\/\"><span style=\"font-weight: 400\">how to create space with padding and margins<\/span><\/a><span style=\"font-weight: 400\">.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div id=\"e-n-tab-content-17240618912\" role=\"tabpanel\" aria-labelledby=\"e-n-tab-title-17240618912\" data-tab-index=\"2\" style=\"--n-tabs-title-order: 2;\" class=\" elementor-element elementor-element-265e62be e-con-full e-flex e-con e-child\" data-id=\"265e62be\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-361aac22 elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"361aac22\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"589\" height=\"1179\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/02\/Accordion-with-nested-elements-6.png\" class=\"attachment-full size-full wp-image-47140\" alt=\"Accordion with nested elements 6\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/02\/Accordion-with-nested-elements-6.png 589w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/02\/Accordion-with-nested-elements-6-150x300.png 150w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/02\/Accordion-with-nested-elements-6-512x1024.png 512w\" sizes=\"(max-width: 589px) 100vw, 589px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-655b18f5 elementor-widget elementor-widget-n-accordion\" data-id=\"655b18f5\" data-element_type=\"widget\" data-settings=\"{&quot;default_state&quot;:&quot;all_collapsed&quot;,&quot;max_items_expended&quot;:&quot;one&quot;,&quot;n_accordion_animation_duration&quot;:{&quot;unit&quot;:&quot;ms&quot;,&quot;size&quot;:400,&quot;sizes&quot;:[]}}\" data-widget_type=\"nested-accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-accordion\" aria-label=\"Accordion. Open links with Enter or Space, close with Escape, and navigate with Arrow Keys\">\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1700\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"1\" tabindex=\"0\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1700\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Title <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1700\" class=\"elementor-element elementor-element-41debcb9 e-con-full e-flex e-con e-child\" data-id=\"41debcb9\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-44e49196 elementor-widget elementor-widget-text-editor\" data-id=\"44e49196\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ul><li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Customize the font style, size, and other typography settings for your title. For more details, see <\/span><a href=\"https:\/\/elementor.com\/help\/what-is-typography\/\"><span style=\"font-weight: 400\">Typography.<\/span><\/a><span style=\"font-weight: 400\"><br \/><br \/>The headers can have three different styles:<\/span><ul><li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Normal \u2013 The default style.<\/span><\/li><li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Hover \u2013 The style when users mouse over the tab.<\/span><\/li><li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Active \u2013 The style when the tab is open.<\/span><\/li><\/ul><\/li><li style=\"font-weight: 400\"><b>Color:<\/b><span style=\"font-weight: 400\"> Choose a color: either use the color picker or a <\/span><a href=\"https:\/\/elementor.com\/help\/how-do-i-use-global-fonts-and-colors\/\"><span style=\"font-weight: 400\">global color.<\/span><\/a><\/li><li style=\"font-weight: 400\"><b>Shadow:<\/b><span style=\"font-weight: 400\"> Click the \ud83d\udd8b\ufe0f icon to add a shadow to the title. Learn more about <\/span><a href=\"https:\/\/elementor.com\/help\/shadow\/\"><span style=\"font-weight: 400\">shadows.<\/span><\/a><\/li><li style=\"font-weight: 400\"><b>Text Stroke:<\/b><span style=\"font-weight: 400\"> Click the \ud83d\udd8b\ufe0f icon to apply a stroke effect to the title. Learn more about <\/span><a href=\"https:\/\/elementor.com\/help\/text-stroke-feature\/\"><span style=\"font-weight: 400\">Text Stroke.<\/span><\/a><\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1701\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"2\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1701\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Icon <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1701\" class=\"elementor-element elementor-element-1af8b601 e-con-full e-flex e-con e-child\" data-id=\"1af8b601\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2b3d4db elementor-widget elementor-widget-text-editor\" data-id=\"2b3d4db\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ul><li style=\"font-weight: 400\"><b>Size:<\/b><span style=\"font-weight: 400\"> Use the slider to determine the size of the icon next to the tab title. For more details, see <\/span><a href=\"https:\/\/elementor.com\/help\/whats-the-difference-between-px-em-rem-vw-and-vh\/#\"><span style=\"font-weight: 400\">Units of measurement.<\/span><\/a><\/li><li style=\"font-weight: 400\"><b>Spacing:<\/b><span style=\"font-weight: 400\"> Use the slider to determine the amount of room between the tabs\u2019 title and the icon.<\/span><\/li><li style=\"font-weight: 400\"><b>Color:<\/b><span> Choose an icon color: either use the color picker or a<\/span><a href=\"https:\/\/elementor.com\/help\/how-do-i-use-global-fonts-and-colors\/\"><span> global color.<\/span><\/a><br \/><br \/><span style=\"font-weight: 400\">You get three styles to choose for:<\/span><ul><li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Normal \u2013 The default style.<\/span><\/li><li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Hover \u2013 The style when users mouse over the tab.<\/span><\/li><li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Active \u2013 The style when the tab is open.<\/span><\/li><\/ul><\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div id=\"e-n-tab-content-17240618913\" role=\"tabpanel\" aria-labelledby=\"e-n-tab-title-17240618913\" data-tab-index=\"3\" style=\"--n-tabs-title-order: 3;\" class=\" elementor-element elementor-element-1782bc4e e-con-full e-flex e-con e-child\" data-id=\"1782bc4e\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5176adcc elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"5176adcc\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"1010\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/02\/Accordion-with-nested-elements-12.png\" class=\"attachment-full size-full wp-image-47142\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/02\/Accordion-with-nested-elements-12.png 600w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/02\/Accordion-with-nested-elements-12-178x300.png 178w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2c86566b elementor-widget elementor-widget-n-accordion\" data-id=\"2c86566b\" data-element_type=\"widget\" data-settings=\"{&quot;default_state&quot;:&quot;all_collapsed&quot;,&quot;max_items_expended&quot;:&quot;one&quot;,&quot;n_accordion_animation_duration&quot;:{&quot;unit&quot;:&quot;ms&quot;,&quot;size&quot;:400,&quot;sizes&quot;:[]}}\" data-widget_type=\"nested-accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-accordion\" aria-label=\"Accordion. Open links with Enter or Space, close with Escape, and navigate with Arrow Keys\">\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-7470\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"1\" tabindex=\"0\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-7470\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Background Type <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-7470\" class=\"elementor-element elementor-element-5b7ff039 e-con-full e-flex e-con e-child\" data-id=\"5b7ff039\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7b0877be elementor-widget elementor-widget-text-editor\" data-id=\"7b0877be\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400\">Choose the background. For more details, see <\/span><a href=\"http:\/\/elementor.com\/help\/create-background\"><span style=\"font-weight: 400\">Create a Background.<\/span><\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-7471\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"2\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-7471\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Border Type <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-7471\" class=\"elementor-element elementor-element-2d033793 e-con-full e-flex e-con e-child\" data-id=\"2d033793\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-737b477a elementor-widget elementor-widget-text-editor\" data-id=\"737b477a\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400\">Choose the border type. For more details, see <\/span><a href=\"https:\/\/elementor.com\/help\/border-type\/\"><span style=\"font-weight: 400\">Border type.<\/span><\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-7472\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"3\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-7472\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Border Radius <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-7472\" class=\"elementor-element elementor-element-40f6e864 e-con-full e-flex e-con e-child\" data-id=\"40f6e864\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b4c8a48 elementor-widget elementor-widget-text-editor\" data-id=\"b4c8a48\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400\">Choose the border radius. For more details, see <\/span><a href=\"https:\/\/elementor.com\/help\/border-radius-tools\/\"><span style=\"font-weight: 400\">Border radius tools.<\/span><\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-7473\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"4\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-7473\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Padding <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-7473\" class=\"elementor-element elementor-element-3315703 e-con-full e-flex e-con e-child\" data-id=\"3315703\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b5f0f06 elementor-widget elementor-widget-text-editor\" data-id=\"b5f0f06\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400\">Set the inner spacing between the content&#8217;s edge and the individual accordion&#8217;s edge. Learn <\/span><a href=\"https:\/\/elementor.com\/help\/create-space-with-padding-and-margin\/\"><span style=\"font-weight: 400\">how to create space with padding and margins<\/span><\/a><span style=\"font-weight: 400\">.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6b72caa0 e-flex e-con-boxed e-con e-parent\" data-id=\"6b72caa0\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4f16551d elementor-widget elementor-widget-heading\" data-id=\"4f16551d\" data-element_type=\"widget\" id=\"settings\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Advanced tab<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f4f7fa9 elementor-widget elementor-widget-text-editor\" data-id=\"f4f7fa9\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400\">The Advanced tab provides options to control the widget position, adjust the spacing, add custom code, and more.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3c3a3670 elementor-widget__width-auto e-n-tabs-mobile elementor-widget elementor-widget-n-tabs\" data-id=\"3c3a3670\" data-element_type=\"widget\" data-settings=\"{&quot;horizontal_scroll&quot;:&quot;disable&quot;}\" data-widget_type=\"nested-tabs.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-tabs\" data-widget-number=\"1010447984\" aria-label=\"Tabs. Open items with Enter or Space, close with Escape and navigate using the Arrow keys.\">\n\t\t\t<div class=\"e-n-tabs-heading\" role=\"tablist\">\n\t\t\t\t\t<button id=\"e-n-tab-title-10104479841\" data-tab-title-id=\"e-n-tab-title-10104479841\" class=\"e-n-tab-title\" aria-selected=\"true\" data-tab-index=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"e-n-tab-content-10104479841\" style=\"--n-tabs-title-order: 1;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\tAdvanced\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t\t<\/div>\n\t\t\t<div class=\"e-n-tabs-content\">\n\t\t\t\t<div id=\"e-n-tab-content-10104479841\" role=\"tabpanel\" aria-labelledby=\"e-n-tab-title-10104479841\" data-tab-index=\"1\" style=\"--n-tabs-title-order: 1;\" class=\"e-active elementor-element elementor-element-cf5d79e e-con-full e-flex e-con e-child\" data-id=\"cf5d79e\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3c367598 elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"3c367598\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"303\" height=\"758\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/02\/Accordion-with-nested-elements-5.png\" class=\"attachment-full size-full wp-image-47127\" alt=\"Accordion with nested elements 5\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/02\/Accordion-with-nested-elements-5.png 303w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/02\/Accordion-with-nested-elements-5-120x300.png 120w\" sizes=\"(max-width: 303px) 100vw, 303px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1682bfb1 elementor-widget elementor-widget-n-accordion\" data-id=\"1682bfb1\" data-element_type=\"widget\" data-settings=\"{&quot;default_state&quot;:&quot;all_collapsed&quot;,&quot;max_items_expended&quot;:&quot;one&quot;,&quot;n_accordion_animation_duration&quot;:{&quot;unit&quot;:&quot;ms&quot;,&quot;size&quot;:400,&quot;sizes&quot;:[]}}\" data-widget_type=\"nested-accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-accordion\" aria-label=\"Accordion. Open links with Enter or Space, close with Escape, and navigate with Arrow Keys\">\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-3770\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"1\" tabindex=\"0\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-3770\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Advanced <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-3770\" class=\"elementor-element elementor-element-f199509 e-con-full e-flex e-con e-child\" data-id=\"f199509\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4efb218a elementor-widget elementor-widget-text-editor\" data-id=\"4efb218a\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400\">Learn more about the <\/span><a href=\"https:\/\/elementor.com\/help\/advanced-tab\/\"><span style=\"font-weight: 400\">Advanced tab settings.<\/span><\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-3771\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"2\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-3771\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> CSS ID <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-3771\" class=\"elementor-element elementor-element-1df069f e-con-full e-flex e-con e-child\" data-id=\"1df069f\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-27d9e43 elementor-widget elementor-widget-text-editor\" data-id=\"27d9e43\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>CSS ID cannot be used with this widget.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-3772\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"3\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-3772\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Cache Settings <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-3772\" class=\"elementor-element elementor-element-bbf26d6 e-con-full e-flex e-con e-child\" data-id=\"bbf26d6\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d7a2228 elementor-widget elementor-widget-text-editor\" data-id=\"d7a2228\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>In the Accordion widget, cache settings are inactive by default. If the widget is using an FAQ Schema, you must leave the cache setting as <strong>Default<\/strong> or <strong>Inactive<\/strong>.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Add the widget Add the widget to the canvas In Elementor Editor, click +.All available widgets are displayed. Click or drag the widget to the canvas. For more information, see Add elements to a page. In Elementor Editor, click +.All available widgets are displayed. Click or drag the widget to the canvas. For more information, [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"elementor_theme","format":"standard","meta":{"_acf_changed":false,"_elementor_kustomer_id":["65db1b6996a19976a2e59830"],"footnotes":""},"categories":[1440],"tags":[],"class_list":["post-46088","post","type-post","status-publish","format-standard","hentry","category-advanced-functionality"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Accordion widget with nested elements | Elementor<\/title>\n<meta name=\"description\" content=\"Learn everything about Accordion widget with nested elements in this article from Elementor&#039;s Knowledge Base. Get Elementor tips &amp; more.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementor.com\/help\/accordion-widget-with-nested-elements\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Accordion widget with nested elements | Elementor\" \/>\n<meta property=\"og:description\" content=\"Learn everything about Accordion widget with nested elements in this article from Elementor&#039;s Knowledge Base. Get Elementor tips &amp; more.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/help\/accordion-widget-with-nested-elements\/\" \/>\n<meta property=\"og:site_name\" content=\"Help\" \/>\n<meta property=\"article:published_time\" content=\"2024-02-25T10:50:16+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-05T11:06:35+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/Accordion-widget.png\" \/>\n\t<meta property=\"og:image:width\" content=\"137\" \/>\n\t<meta property=\"og:image:height\" content=\"102\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Alan Kaler\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Alan Kaler\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"20 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/help\/accordion-widget-with-nested-elements\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/accordion-widget-with-nested-elements\/\"},\"author\":{\"name\":\"Alan Kaler\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430\"},\"headline\":\"Accordion widget with nested elements\",\"datePublished\":\"2024-02-25T10:50:16+00:00\",\"dateModified\":\"2026-02-05T11:06:35+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/accordion-widget-with-nested-elements\/\"},\"wordCount\":2794,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/accordion-widget-with-nested-elements\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/Accordion-widget.png\",\"articleSection\":[\"Advanced functionality\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/help\/accordion-widget-with-nested-elements\/\",\"url\":\"https:\/\/elementor.com\/help\/accordion-widget-with-nested-elements\/\",\"name\":\"Accordion widget with nested elements | Elementor\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/accordion-widget-with-nested-elements\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/accordion-widget-with-nested-elements\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/Accordion-widget.png\",\"datePublished\":\"2024-02-25T10:50:16+00:00\",\"dateModified\":\"2026-02-05T11:06:35+00:00\",\"description\":\"Learn everything about Accordion widget with nested elements in this article from Elementor's Knowledge Base. Get Elementor tips & more.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/help\/accordion-widget-with-nested-elements\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/help\/accordion-widget-with-nested-elements\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/accordion-widget-with-nested-elements\/#primaryimage\",\"url\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/Accordion-widget.png\",\"contentUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/Accordion-widget.png\",\"width\":137,\"height\":102,\"caption\":\"Accordion widget\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/help\/accordion-widget-with-nested-elements\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Help Center\",\"item\":\"https:\/\/elementor.com\/help\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Elementor Editor\",\"item\":\"https:\/\/elementor.com\/help\/elementor-editor\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Widgets\",\"item\":\"https:\/\/elementor.com\/help\/elementor-editor\/widgets\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Advanced functionality\",\"item\":\"https:\/\/elementor.com\/help\/elementor-editor\/widgets\/advanced-functionality\/\"},{\"@type\":\"ListItem\",\"position\":5,\"name\":\"Accordion widget with nested elements\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/elementor.com\/help\/#website\",\"url\":\"https:\/\/elementor.com\/help\/\",\"name\":\"Elementor\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/elementor.com\/help\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/elementor.com\/help\/#organization\",\"name\":\"Elementor\",\"url\":\"https:\/\/elementor.com\/help\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png\",\"contentUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png\",\"width\":225,\"height\":225,\"caption\":\"Elementor\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430\",\"name\":\"Alan Kaler\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g\",\"caption\":\"Alan Kaler\"},\"description\":\"Alan Kaler is an expert Elementorist at Elementor and a WordPress Magician who thinks that the three most beautiful words in our language are: I told you\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Accordion widget with nested elements | Elementor","description":"Learn everything about Accordion widget with nested elements in this article from Elementor's Knowledge Base. Get Elementor tips & more.","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:\/\/elementor.com\/help\/accordion-widget-with-nested-elements\/","og_locale":"en_US","og_type":"article","og_title":"Accordion widget with nested elements | Elementor","og_description":"Learn everything about Accordion widget with nested elements in this article from Elementor's Knowledge Base. Get Elementor tips & more.","og_url":"https:\/\/elementor.com\/help\/accordion-widget-with-nested-elements\/","og_site_name":"Help","article_published_time":"2024-02-25T10:50:16+00:00","article_modified_time":"2026-02-05T11:06:35+00:00","og_image":[{"width":137,"height":102,"url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/Accordion-widget.png","type":"image\/png"}],"author":"Alan Kaler","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Alan Kaler","Est. reading time":"20 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/help\/accordion-widget-with-nested-elements\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/help\/accordion-widget-with-nested-elements\/"},"author":{"name":"Alan Kaler","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430"},"headline":"Accordion widget with nested elements","datePublished":"2024-02-25T10:50:16+00:00","dateModified":"2026-02-05T11:06:35+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/help\/accordion-widget-with-nested-elements\/"},"wordCount":2794,"publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"image":{"@id":"https:\/\/elementor.com\/help\/accordion-widget-with-nested-elements\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/Accordion-widget.png","articleSection":["Advanced functionality"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/elementor.com\/help\/accordion-widget-with-nested-elements\/","url":"https:\/\/elementor.com\/help\/accordion-widget-with-nested-elements\/","name":"Accordion widget with nested elements | Elementor","isPartOf":{"@id":"https:\/\/elementor.com\/help\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/help\/accordion-widget-with-nested-elements\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/help\/accordion-widget-with-nested-elements\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/Accordion-widget.png","datePublished":"2024-02-25T10:50:16+00:00","dateModified":"2026-02-05T11:06:35+00:00","description":"Learn everything about Accordion widget with nested elements in this article from Elementor's Knowledge Base. Get Elementor tips & more.","breadcrumb":{"@id":"https:\/\/elementor.com\/help\/accordion-widget-with-nested-elements\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/help\/accordion-widget-with-nested-elements\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/accordion-widget-with-nested-elements\/#primaryimage","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/Accordion-widget.png","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/Accordion-widget.png","width":137,"height":102,"caption":"Accordion widget"},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/help\/accordion-widget-with-nested-elements\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Help Center","item":"https:\/\/elementor.com\/help\/"},{"@type":"ListItem","position":2,"name":"Elementor Editor","item":"https:\/\/elementor.com\/help\/elementor-editor\/"},{"@type":"ListItem","position":3,"name":"Widgets","item":"https:\/\/elementor.com\/help\/elementor-editor\/widgets\/"},{"@type":"ListItem","position":4,"name":"Advanced functionality","item":"https:\/\/elementor.com\/help\/elementor-editor\/widgets\/advanced-functionality\/"},{"@type":"ListItem","position":5,"name":"Accordion widget with nested elements"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/help\/#website","url":"https:\/\/elementor.com\/help\/","name":"Elementor","description":"","publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/help\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/elementor.com\/help\/#organization","name":"Elementor","url":"https:\/\/elementor.com\/help\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png","width":225,"height":225,"caption":"Elementor"},"image":{"@id":"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430","name":"Alan Kaler","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g","caption":"Alan Kaler"},"description":"Alan Kaler is an expert Elementorist at Elementor and a WordPress Magician who thinks that the three most beautiful words in our language are: I told you"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/46088","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/comments?post=46088"}],"version-history":[{"count":25,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/46088\/revisions"}],"predecessor-version":[{"id":163526,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/46088\/revisions\/163526"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/media?parent=46088"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/categories?post=46088"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/tags?post=46088"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}