{"id":113421748,"date":"2021-09-06T15:02:12","date_gmt":"2021-09-06T12:02:12","guid":{"rendered":"https:\/\/thrivethemes.com\/?page_id=113421748"},"modified":"2022-08-25T15:48:31","modified_gmt":"2022-08-25T12:48:31","slug":"toggle-2","status":"publish","type":"page","link":"https:\/\/thrivethemes.com\/elements\/toggle-2\/","title":{"rendered":"Toggle Element"},"content":{"rendered":"<p><span><img fetchpriority=\"high\" decoding=\"async\" alt=\"\" data-id=\"113419796\" width=\"288\" data-init-width=\"288\" height=\"620\" data-init-height=\"620\" title=\"Elements_menu bg\" src=\"https:\/\/mlpxhq8ztvyc.i.optimole.com\/cb:p0Z2.44bbf\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/thrivethemes.com\/wp-content\/uploads\/2021\/07\/Elements_menu-bg.jpg\" data-width=\"288\" data-height=\"620\" style=\"\" loading=\"lazy\"><\/span><\/p>\n<h1 style=\"\">Toggle<\/h1>\n<p style=\"\">The Thrive Editor comes with one of the most versatile Toggle Elements for WordPress. Not only can you change every design detail, you can also add any element within the toggle.&nbsp;<\/p>\n<p><span><img fetchpriority=\"high\" decoding=\"async\" alt=\"\" data-id=\"113419918\" width=\"90\" data-init-width=\"656\" height=\"50\" data-init-height=\"366\" title=\"elemnt_pgae_decor_01\" src=\"https:\/\/mlpxhq8ztvyc.i.optimole.com\/cb:p0Z2.44bbf\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/thrivethemes.com\/wp-content\/uploads\/2021\/07\/elemnt_pgae_decor_01.png\" data-width=\"90\" data-height=\"50\" style=\"\" loading=\"lazy\"><\/span><\/p>\n<p dir=\"ltr\" style=\"\">Total design freedom<\/p>\n<p dir=\"ltr\" style=\"\">The Toggle element included in the Thrive Editor gives you total design freedom. Change colors, icons, hover states and much more.<\/p>\n<p><span><img fetchpriority=\"high\" decoding=\"async\" alt=\"\" data-id=\"113419918\" width=\"90\" data-init-width=\"656\" height=\"50\" data-init-height=\"366\" title=\"elemnt_pgae_decor_01\" src=\"https:\/\/mlpxhq8ztvyc.i.optimole.com\/cb:p0Z2.44bbf\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/thrivethemes.com\/wp-content\/uploads\/2021\/07\/elemnt_pgae_decor_01.png\" data-width=\"90\" data-height=\"50\" style=\"\" loading=\"lazy\"><\/span><\/p>\n<p dir=\"ltr\" style=\"\">Include ANY content<\/p>\n<p dir=\"ltr\" style=\"\">With this Toggle element, you&#8217;re not limited to only adding text content. Any of the elements from the Thrive Editor can be added to the content. This means you can include images, videos and more.<\/p>\n<p><span><img fetchpriority=\"high\" decoding=\"async\" alt=\"\" data-id=\"113419918\" width=\"90\" data-init-width=\"656\" height=\"50\" data-init-height=\"366\" title=\"elemnt_pgae_decor_01\" src=\"https:\/\/mlpxhq8ztvyc.i.optimole.com\/cb:p0Z2.44bbf\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/thrivethemes.com\/wp-content\/uploads\/2021\/07\/elemnt_pgae_decor_01.png\" data-width=\"90\" data-height=\"50\" style=\"\" loading=\"lazy\"><\/span><\/p>\n<p dir=\"ltr\" style=\"\">Perfect for F.A.Q sections<\/p>\n<p dir=\"ltr\" style=\"\">The Toggle element is perfect for answering Frequently Asked Questions on your sales pages, landing pages or in blog posts.&nbsp;<\/p>\n<h2 style=\"text-align: center;\">Reveal Your Content Strategically with the Toggle Element<\/h2>\n<p style=\"text-align: center;\">The Toggle element comes power packed with customization features so you can display exactly <strong>what <\/strong>you want and <strong>how <\/strong>you want.&nbsp;<\/p>\n<p style=\"text-align: center;\">Take a look at the features below<\/p>\n<h3 dir=\"ltr\" style=\"\">Edit, Rearrange, Delete Toggle Items as You Please<\/h3>\n<p dir=\"ltr\" style=\"\">Add as many Items to your Toggle element as you please, rearrange and delete them freely. If you end up with too many toggle items, don\u2019t worry: you can increase the number of columns so you can keep your Toggle element concise.<\/p>\n<p><span><img decoding=\"async\" alt=\"\" data-id=\"113419923\" width=\"60\" data-init-width=\"82\" height=\"32\" data-init-height=\"44\" title=\"Elements_feature-icon_03\" src=\"https:\/\/mlpxhq8ztvyc.i.optimole.com\/cb:p0Z2.44bbf\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/thrivethemes.com\/wp-content\/uploads\/2021\/07\/Elements_feature-icon_03.png\" data-width=\"60\" data-height=\"32\" loading=\"lazy\"><\/span><\/p>\n<h3 dir=\"ltr\" style=\"\">Select from Professionally Designed Toggle Templates<\/h3>\n<p dir=\"ltr\">Save a ton of time using the pre-designed templates. Simply drag a fully functional and professionally designed Toggle element on your page. Once it\u2019s on your page you can enter the content and personalize every aspect to your needs.<\/p>\n<p><span><img decoding=\"async\" alt=\"\" data-id=\"113419923\" width=\"60\" data-init-width=\"82\" height=\"32\" data-init-height=\"44\" title=\"Elements_feature-icon_03\" src=\"https:\/\/mlpxhq8ztvyc.i.optimole.com\/cb:p0Z2.44bbf\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/thrivethemes.com\/wp-content\/uploads\/2021\/07\/Elements_feature-icon_03.png\" data-width=\"60\" data-height=\"32\" loading=\"lazy\"><\/span><\/p>\n<h3 dir=\"ltr\" style=\"\">Customize Toggle Element in Every State (Normal, Hover, Expanded)<\/h3>\n<p dir=\"ltr\" style=\"\">Get full control over what you display &#8211; and how you display it. Besides being able to edit the text, you can customize the design of the collapsed and the expanded state of the Toggle element as well.<\/p>\n<p><span style=\"\"><img decoding=\"async\" alt=\"\" data-id=\"113419923\" width=\"82\" data-init-width=\"82\" height=\"44\" data-init-height=\"44\" title=\"Elements_feature-icon_03\" src=\"https:\/\/mlpxhq8ztvyc.i.optimole.com\/cb:p0Z2.44bbf\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/thrivethemes.com\/wp-content\/uploads\/2021\/07\/Elements_feature-icon_03.png\" data-width=\"82\" data-height=\"44\" style=\"\" loading=\"lazy\"><\/span><\/p>\n<h3 dir=\"ltr\" style=\"\">Pick an Icon for Your Toggle Items<\/h3>\n<p dir=\"ltr\" style=\"\">Add an icon to your toggle to make it more intuitive. Icons, such as \u2018+\u2019, or \u2018&#8230;\u2019 communicate that the element is collapsible, so your readers won\u2019t miss anything. Here\u2019s a cool thing: you can also choose to rotate the toggle icon for an expanded state. That means you can turn a triangle 90 degrees to simulate a drop down, or spin a plus icon until it makes a cross.<\/p>\n<p><span><img decoding=\"async\" alt=\"\" data-id=\"113419923\" width=\"82\" data-init-width=\"82\" height=\"44\" data-init-height=\"44\" title=\"Elements_feature-icon_03\" src=\"https:\/\/mlpxhq8ztvyc.i.optimole.com\/cb:p0Z2.44bbf\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/thrivethemes.com\/wp-content\/uploads\/2021\/07\/Elements_feature-icon_03.png\" data-width=\"82\" data-height=\"44\" loading=\"lazy\"><\/span><\/p>\n<h3>100% Mobile Responsive<\/h3>\n<p dir=\"ltr\" style=\"\">All of the Toggle templates are mobile friendly out of the box. No matter which one you pick, you can be sure that it\u2019ll be fully functional and look great on smaller screen sizes too.<\/p>\n<p><span><img decoding=\"async\" alt=\"\" data-id=\"113419923\" width=\"82\" data-init-width=\"82\" height=\"44\" data-init-height=\"44\" title=\"Elements_feature-icon_03\" src=\"https:\/\/mlpxhq8ztvyc.i.optimole.com\/cb:p0Z2.44bbf\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/thrivethemes.com\/wp-content\/uploads\/2021\/07\/Elements_feature-icon_03.png\" data-width=\"82\" data-height=\"44\" loading=\"lazy\"><\/span><\/p>\n<h3 dir=\"ltr\" style=\"\">Smart Color Technology Enabled<\/h3>\n<p dir=\"ltr\" style=\"\">Your Toggle element automatically inherits the color of your theme or landing page, so it will fit right into the overall design of your page.Want to change the color? Change the color palette of your Toggle in a single click.<\/p>\n<p><span><img decoding=\"async\" alt=\"\" data-id=\"113419923\" width=\"82\" data-init-width=\"82\" height=\"44\" data-init-height=\"44\" title=\"Elements_feature-icon_03\" src=\"https:\/\/mlpxhq8ztvyc.i.optimole.com\/cb:p0Z2.44bbf\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/thrivethemes.com\/wp-content\/uploads\/2021\/07\/Elements_feature-icon_03.png\" data-width=\"82\" data-height=\"44\" loading=\"lazy\"><\/span><span><img decoding=\"async\" alt=\"\" data-id=\"113416020\" width=\"86\" data-init-width=\"86\" height=\"97\" data-init-height=\"97\" title=\"Logo_Brush_03\" src=\"https:\/\/mlpxhq8ztvyc.i.optimole.com\/cb:p0Z2.44bbf\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/thrivethemes.com\/wp-content\/uploads\/2021\/05\/Logo_Brush_03.png\" data-width=\"86\" data-height=\"97\" ml-t=\"0\" style=\"\" loading=\"lazy\"><\/span><\/p>\n<h3 style=\"\">Get access to the Toggle Element &amp; Thrive Suite Today!<\/h3>\n<h4 style=\"\">Control Dropdown Animation and Speed<\/h4>\n<p style=\"\">Define how you want your Toggle items to open. Slide? Fade? Slide \u2018n Fade? It\u2019s all possible. Moreover, you can specify the open and close speed of your Toggle items.<\/p>\n<h4 style=\"\">Expanded or Collapsed by Default<\/h4>\n<p style=\"\">You decide whether your toggle should be expanded or collapsed by default. And you can trigger your Toggle item to expand on page load.<\/p>\n<h4 style=\"\">Enable Hover Effect<\/h4>\n<p dir=\"ltr\" style=\"\">Make your Toggle element unmissable by adding a hover effect to it.<\/p>\n<h4 style=\"\">Multi-column Layouts Possible<\/h4>\n<p style=\"\">Organize your toggle items into as many rows and columns as necessary.<\/p>\n<h4 style=\"\">SEO Compatible Toggle Items<\/h4>\n<p dir=\"ltr\" style=\"\">Don\u2019t worry about Toggle elements not being SEO compatible. Search engines &#8220;see&#8221; the collapsed texts too, so it isn\u2019t a \u2018waste\u2019 from a SEO point of view. Toggle items are automatically wrapped into H4 headings, but you can easily change this in the Thrive editor, to create a different text hierarchy.<\/p>\n<h4 style=\"\">Group Editing Enabled<\/h4>\n<p style=\"\">Edit all your Toggle items at ones or go to town and edit each and every item separately. With the Toggle element in the Thrive Editor, everything is possible!<\/p>\n<h2 style=\"text-align: center;\">Toggle<\/h2>\n<h3 style=\"text-align: center;\">Get access to the Toggle Element &amp; Thrive Suite Today!<\/h3>\n","protected":false},"excerpt":{"rendered":"<p>Toggle The Thrive Editor comes with one of the most versatile Toggle Elements for WordPress. Not only can you change every design detail, you can also add any element within the toggle.&nbsp; Total design freedom The Toggle element included in the Thrive Editor gives you total design freedom. Change colors, icons, hover states and much [&hellip;]<\/p>\n","protected":false},"author":5228,"featured_media":113421750,"parent":113421746,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-113421748","page","type-page","status-publish","has-post-thumbnail","hentry","post-wrapper","thrv_wrapper"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/thrivethemes.com\/wp-json\/wp\/v2\/pages\/113421748","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thrivethemes.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/thrivethemes.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/thrivethemes.com\/wp-json\/wp\/v2\/users\/5228"}],"replies":[{"embeddable":true,"href":"https:\/\/thrivethemes.com\/wp-json\/wp\/v2\/comments?post=113421748"}],"version-history":[{"count":0,"href":"https:\/\/thrivethemes.com\/wp-json\/wp\/v2\/pages\/113421748\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/thrivethemes.com\/wp-json\/wp\/v2\/pages\/113421746"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/thrivethemes.com\/wp-json\/wp\/v2\/media\/113421750"}],"wp:attachment":[{"href":"https:\/\/thrivethemes.com\/wp-json\/wp\/v2\/media?parent=113421748"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}