{"id":766,"date":"2021-02-04T12:17:47","date_gmt":"2021-02-04T12:17:47","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=article&p=766"},"modified":"2024-04-12T09:03:00","modified_gmt":"2024-04-12T09:03:00","slug":"making-jetsmartfilters-expandable","status":"publish","type":"tips-and-tricks","link":"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/making-jetsmartfilters-expandable\/","title":{"rendered":"Making JetSmartFilters Expandable and Vice Versa"},"content":{"rendered":"\n

Using Accordion Widget<\/h2>\n\n\n\n
\n

Classic Accordion<\/strong> is a JetTabs<\/a> widget that lets you display the website content compactly. In addition to text sections, you can also put smart filters into this widget. <\/p>\n\n\n\n

Learn more about the Accordion widget<\/strong> in the How to display content in the form of a compact accordion<\/a> tutorial. Please stick to the steps you find there.<\/p>\n<\/div><\/div>\n\n\n\n

Use the HTML Code<\/h2>\n\n\n\n
<\/svg><\/div>
Warning<\/div>

Before proceeding with the tutorial\u2032s steps, create a backup or replicate the actions on the staging site. The backup ensures the website restoration if an error occurs. To learn more, proceed to the How to Backup and Restore a WordPress Website with a Plugin<\/a> article.<\/p><\/div><\/div>\n\n\n\n

Add the HTML element block to the page where you want to expand\/collapse smart filters. Then paste the following code into it:<\/p>\n\n\n\n