{"id":34574,"date":"2022-02-08T15:00:54","date_gmt":"2022-02-08T14:00:54","guid":{"rendered":"https:\/\/qodeinteractive.com\/magazine\/?p=34574"},"modified":"2022-02-08T12:34:54","modified_gmt":"2022-02-08T11:34:54","slug":"best-show-hide-plugins-for-wordpress","status":"publish","type":"post","link":"https:\/\/qodeinteractive.com\/magazine\/best-show-hide-plugins-for-wordpress\/","title":{"rendered":"5 Best Show\/Hide Plugins for WordPress"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row][vc_column][vc_column_text]If you want to arrange content on your WordPress site into more organized chunks or sections, one great way to do so is to use the help of show\/hide plugins. These plugins usually come with a \u201cRead more\u201d button or an accordion element that will help you neatly tuck away any extra information, allowing users to expand these sections if they want to read more. Not only will this allow you to present your content in a well-structured manner, but it will also <strong>contribute to your website appearing more readable and user-friendly as a whole.<\/strong>[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]For this reason, we\u2019ve decided to share what we think are <strong>some of the best WordPress show\/hide plugins currently available on the web<\/strong>. Aside from the plugins that allow you to add \u201cRead more\u201d or \u201cShow\/Hide\u201d buttons, there are also a few plugins on this list that will help you arrange your content so that parts of it are displayed under certain conditions. You can even make certain content appear to certain users or at specific times only, so as to help you further improve the way you run and market your business online.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Check them out:[\/vc_column_text][vc_empty_space height=&#8221;22px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#qi-addons\">Qi Addons<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#ultimate-blocks\">Ultimate Blocks<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#show-hide-content\">Show Hide Content<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#block-visibility\">Block Visibility<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#aether-content-hider-plugin-for-wordpress\">Aether Content Hider Plugin for WordPress<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;80px&#8221;][vc_widget_sidebar sidebar_id=&#8221;new-top-picks-banner&#8221;][vc_empty_space height=&#8221;80px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"qi-addons\"><\/a>Qi Addons<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;21px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/02\/Accordions-and-Toggles.jpg\" class=\"attachment-full size-full\" alt=\"Accordions and Toggles\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/02\/Accordions-and-Toggles.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/02\/Accordions-and-Toggles-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/02\/Accordions-and-Toggles-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/02\/Accordions-and-Toggles-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]<a href=\"https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/\" target=\"_blank\" rel=\"noopener\">Qi Addons<\/a> is a great collection of Elementor widgets (60, to be exact) that will allow you to customize the look of your site in various ways. You will have all sorts of addons at your disposal \u2013 from business addons and infographics all the way to showcase and typography addons. In this diverse list of addons, you will also find a widget called <a href=\"https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/accordions-and-toggles\/\" target=\"_blank\" rel=\"noopener\">Accordions and Toggles<\/a>. With this widget, you will be able to create neatly organized sections that can be easily expanded and give a clean and uncluttered look to your site. <strong>The widget will allow you to use two different modes \u2013 the Accordion mode or Toggle mode<\/strong>. The accordion mode will allow you to only have one section open at a time, so when the user opens one section, the other section(s) close automatically. On the other hand, the toggle mode allows you to keep all sections open at once ( users can close each section manually). In addition,<strong> you will get to easily set the look of your Open and Close icons, adjust the typography, text, and background colors<\/strong>, set borders and paddings, and more.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]To learn more about how to use this practical widget, check out our article on <a href=\"https:\/\/qodeinteractive.com\/magazine\/how-to-create-accordions-and-toggles-in-wordpress\/\">how to add accordions and toggles in WordPress<\/a>.[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"ultimate-blocks\"><\/a>Ultimate Blocks<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;21px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Ultimate-Blocks.jpg\" class=\"attachment-full size-full\" alt=\"Ultimate Blocks\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Ultimate-Blocks.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Ultimate-Blocks-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Ultimate-Blocks-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Ultimate-Blocks-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]<a href=\"https:\/\/wordpress.org\/plugins\/ultimate-blocks\/\" target=\"_blank\" rel=\"noopener\">Ultimate Blocks<\/a> is a block plugin that comes with a set of custom blocks you can use to boost the default <a href=\"https:\/\/qodeinteractive.com\/magazine\/introduction-to-wordpress-gutenberg-block-editor\/\">Gutenberg editor<\/a> functionality. The plugin can be used entirely for free and features over 20 different blocks. Among these blocks, you will find two blocks you will be able to use to show\/hide and expand your content \u2013 Content Toggle and Expand Block.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]The Content Toggle (Accordion) block lets you use accordions on your site. There will be two options at your disposal \u2013 collapsed and opened accordion. These two options will let your visitors easily expand or collapse any of your content. Moreover, you will be able to<strong> set options such as the toggle status icon appearance (and position) as well as title and container colors.<\/strong>[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]The Expand block works in a quite straightforward manner \u2013 it adds a \u201cShow More\u201d button that users will be able to click on to see more of your content.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"show-hide-content\"><\/a>Show Hide Content<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;21px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/02\/Show-Hide-Content.jpg\" class=\"attachment-full size-full\" alt=\"Show Hide Content\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/02\/Show-Hide-Content.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/02\/Show-Hide-Content-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/02\/Show-Hide-Content-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/02\/Show-Hide-Content-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]<a href=\"https:\/\/wordpress.org\/plugins\/show-hide-content\/\" target=\"_blank\" rel=\"noopener\">Show Hide Content<\/a> is a handy plugin that will allow you to hide your content using a Read More button. Once users click on the button, your hidden content will be shown dynamically. You will be able to <strong>add a Read More floating button to reveal both the text and any hidden media, such as images<\/strong>. The plugin is simple to install and quite easy to use. All you have to do is go to the page\/post editor, hit the <em>Visual<\/em> mode, select the text you wish to hide, and click on the orange icon located in the editor window.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]While the plugin is regularly updated, you should note that it works with the Classic editor only.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"block-visibility\"><\/a>Block Visibility<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;21px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/01\/Block-Visibility.jpg\" class=\"attachment-full size-full\" alt=\"Block Visibility\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/01\/Block-Visibility.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/01\/Block-Visibility-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/01\/Block-Visibility-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/01\/Block-Visibility-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]<a href=\"https:\/\/wordpress.org\/plugins\/block-visibility\/\" target=\"_blank\" rel=\"noopener\">Block Visibility<\/a> is another great plugin that lets you control your frontend block visibility, i.e. choose what types of content will be shown\/hidden to users. Moreover, it will allow you to <strong>choose the conditions under which your blocks will be displayed<\/strong> on your site. You will be able to <strong>make your blocks show on a specific date and time<\/strong> (which is useful if you have any upcoming special offers or campaigns, for example), <strong>or have them show to specific users and user roles only.<\/strong> Last but not least, you can even<strong> select users that won\u2019t be able to see blocks according to their screen size<\/strong> (the option is available for desktop, tablet, and mobile screens).[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]All in all, the Block Visibility plugin is rather intuitive and simple to use and comes with a set of comprehensive and practical options that will help you create dynamic blocks on your pages in no time.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"aether-content-hider-plugin-for-wordpress\"><\/a>Aether Content Hider Plugin for WordPress<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;21px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"536\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/02\/Aether-Content-Hider-Plugin-for-WordPress.jpg\" class=\"attachment-full size-full\" alt=\"Aether Content Hider Plugin for WordPress\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/02\/Aether-Content-Hider-Plugin-for-WordPress.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/02\/Aether-Content-Hider-Plugin-for-WordPress-300x166.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/02\/Aether-Content-Hider-Plugin-for-WordPress-768x425.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/02\/Aether-Content-Hider-Plugin-for-WordPress-620x343.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]<a href=\"https:\/\/codecanyon.net\/item\/aether-content-hider-plugin-for-wordpress\/20447063\" target=\"_blank\" rel=\"noopener\">Aether Content Hider<\/a> plugin will allow you to use shortcodes to hide or show bits of content according to your specific preferences. You can<strong> set dates when content will become visible, show or hide content by user login status, user name, user role, device type<\/strong>, and so on. You can even choose to show content only if the user has commented on your post.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]You can buy the plugin for $19 (regular license) at CodeCanyon.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\">Conclusion<\/h2>\n<p>[\/vc_column_text][vc_column_text]Organizing your content into smaller sections so that it\u2019s only partly displayed on your page can help add a certain sense of anticipation for users and even make them more engaged with your content. At the same time, this can make your website pages look more clean, organized, and user-friendly all at once. And all the show\/hide plugins we mentioned in our list are capable of doing all that, and then some.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Whether you want to arrange your content using an accordion, incorporate a simple Read More button, or even if you want to go one step further and control who sees your content (and when), you will certainly find a plugin on this list that will be able to meet your needs. Just make sure to check out all the available features of each plugin carefully before you make your final decision.<br \/>\n[\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Take a look at our list of top WordPress show\/hide plugins that you can use to make your content appear more readable, organized, and user-friendly as a whole.<\/p>\n","protected":false},"author":2,"featured_media":34713,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[15,108,13],"class_list":["post-34574","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-resources","tag-plugins","tag-qi-addons","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts\/34574","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/comments?post=34574"}],"version-history":[{"count":0,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts\/34574\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/media\/34713"}],"wp:attachment":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/media?parent=34574"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/categories?post=34574"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/tags?post=34574"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}