{"id":12150,"date":"2024-04-25T18:10:32","date_gmt":"2024-04-25T12:10:32","guid":{"rendered":"https:\/\/helpdesk.spider-themes.net\/docs\/advance-accordions\/content-elements\/instant-search\/"},"modified":"2024-04-25T18:10:32","modified_gmt":"2024-04-25T12:10:32","slug":"instant-search","status":"publish","type":"docs","link":"https:\/\/arolax.crowdytheme-demo.com\/documentation\/docs\/advance-accordions\/content-elements\/instant-search\/","title":{"rendered":"Accordion Search"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Accordion Search for Gutenberg Editor (Advanced Accordions)<\/h2>\n\n\n\n<p>This document outlines the features and functionalities of the Accordion Search, a premium block for the Gutenberg editor that integrates with the Advanced Accordions plugin.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Block Components:<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Show Accordion Search Button:<\/strong> This is a toggle switch within the block settings. Enabling it displays a search button within the accordion block.<\/li>\n<\/ul>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69e82ae57f53c&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69e82ae57f53c\" class=\"wp-block-image size-large wp-lightbox-container\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/arolax.crowdytheme-demo.com\/documentation\/wp-content\/uploads\/2024\/04\/image-140-1024x446.png\" alt=\"Accordion Search\" class=\"wp-image-12227\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\">Accordion Search<\/figcaption><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Placeholder Text Box:<\/strong> This option allows you to define placeholder text that appears within the search box before the user enters their search query.<\/li>\n<\/ul>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69e82ae57fa3a&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69e82ae57fa3a\" class=\"wp-block-image size-large wp-lightbox-container\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/arolax.crowdytheme-demo.com\/documentation\/wp-content\/uploads\/2024\/04\/image-141-1024x448.png\" alt=\"Accordion Search for Gutenberg Editor \" class=\"wp-image-12228\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\">Placeholder Text<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Functionality:<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>When the user clicks the search button (if enabled), a search function is triggered.<\/li>\n\n\n\n<li>The search function filters the content within the currently expanded accordion based on the user&#8217;s query.<\/li>\n\n\n\n<li>The accordion content dynamically updates to display only the sections that match the search terms.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Benefits:<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Improved User Experience:<\/strong> The search functionality allows users to quickly find specific information within large accordions, enhancing navigation and accessibility.<\/li>\n\n\n\n<li><strong>Content Organization:<\/strong> By enabling search within individual accordions, users can efficiently explore the content without being overwhelmed by a large information dump.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Conclusion<\/h2>\n\n\n\n<p>The Accordion Search block from the <a href=\"https:\/\/wordpress.org\/plugins\/advanced-accordion-block\/\" rel=\"nofollow\">Advanced Accordions<\/a> plugin provides a valuable tool for enhancing the user experience on your WordPress website. By incorporating search functionality, you allow users to efficiently navigate and find the information they seek within your accordion content. With features like customizable placeholder text and dynamic content filtering, users can quickly find specific information, improving content navigation and accessibility. To learn more about integrating this feature on your website, visit our<a href=\"https:\/\/arolax.crowdytheme-demo.com\/documentation\/docs\/advance-accordions\/content-elements\/\"> Content Elements<\/a>.<br>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Accordion Search for Gutenberg Editor enhances navigation by allowing users to efficiently search and filter content within accordion blocks. With easy setup, customizable placeholder text, and dynamic filtering, your site visitors can quickly locate relevant information, significantly improving user experience with large or complex content structures.<\/p>\n","protected":false},"author":5,"featured_media":0,"parent":12120,"menu_order":7,"comment_status":"open","ping_status":"closed","template":"","doc_tag":[],"class_list":["post-12150","docs","type-docs","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/arolax.crowdytheme-demo.com\/documentation\/wp-json\/wp\/v2\/docs\/12150","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/arolax.crowdytheme-demo.com\/documentation\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/arolax.crowdytheme-demo.com\/documentation\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/arolax.crowdytheme-demo.com\/documentation\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/arolax.crowdytheme-demo.com\/documentation\/wp-json\/wp\/v2\/comments?post=12150"}],"version-history":[{"count":0,"href":"https:\/\/arolax.crowdytheme-demo.com\/documentation\/wp-json\/wp\/v2\/docs\/12150\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/arolax.crowdytheme-demo.com\/documentation\/wp-json\/wp\/v2\/docs\/12120"}],"wp:attachment":[{"href":"https:\/\/arolax.crowdytheme-demo.com\/documentation\/wp-json\/wp\/v2\/media?parent=12150"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/arolax.crowdytheme-demo.com\/documentation\/wp-json\/wp\/v2\/doc_tag?post=12150"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}