M Asif Rahman

Rupok

WPDeveloper

Rahat Hossain

Md Monir Hossain

Hanzala Taifun

Accordion Toggle helps you display FAQs or key pieces of content in a way that readers can easily find what they are looking for. Using this Accordion Toggle plugin, you can create those key contents within Gutenberg.
STUNNING FEATURES: 
 – Add images, videos, or any other multiple blocks under your accordion 
 – Create unlimited nested accordion sections under one accordion 
 – Get listed in search engines with FAQ schema support 
 – Make your accordion toggle multipurpose without coding
Completely Customizable: You can customize Accordion Toggle just the way you want.
Modular Control: You can easily disable unnecessary blocks from the settings panel and speed up your website.
Super Light-weight: No extra resources used and it’s highly optimized for super fast loading & instant Live editing.
Dedicated Support: We’ve an extraordinary support team ready to help you. Ask your questions in the support forum, we’ll get back to you immediately.
<h3>🚀 BACKED BY A TRUSTED TEAM</h3>
This Block is brought to you by <a href="https://wpdeveloper.com" rel="nofollow ugc">WPDeveloper</a>, the team behind the most popular elements library <a href="https://wordpress.org/plugins/essential-addons-for-elementor-lite/" rel="ugc">Essential Addons for Elementor</a> (used by almost 1 million+ happy users from 180+ countries).
<h3>👨‍💻 DOCUMENTATION AND SUPPORT</h3>
<ul>
<li>For documentation and tutorials go to our <a href="https://essential-blocks.com/docs/" rel="nofollow ugc">documentation</a></li>
<li>To report issue and contribution visit <a href="https://github.com/EssentialBlocks/accordion-toggle" rel="nofollow ugc">Github</a>.</li>
<li>If you have any more questions, visit our support on the <a href="https://wordpress.org/support/plugin/accordion-toggle" rel="ugc">Plugin’s Forum</a>.</li>
<li>For more information about features, FAQs and documentation, check out our website at <a href="https://wpdeveloper.com/" rel="nofollow ugc">WPDeveloper</a>.</li>
</ul>
<h3>🙌 JOIN THE COMMUNITY</h3>
🎦 Subscribe to our <a href="https://www.youtube.com/wpdevelopernet/?sub_confirmation=1" rel="nofollow ugc">Youtube Channel</a> to watch video tutorials on WordPress.
🤝 Join our <a href="https://www.facebook.com/groups/wpdeveloper.net/" rel="nofollow ugc">Facebook Community</a> & get connected with expert web creators like yourself.
🧡 LOVED Accordion/Toggle? Rate us on <a href="https://wordpress.org/support/plugin/accordion-toggle/reviews/" rel="ugc">WordPress Repository</a>
🔥 GET FREEBIES FOR YOUR WORDPRESS SITE
Consider checking out our other WordPress solutions & boost your WordPress website:
💡 <a href="https://wordpress.org/plugins/essential-blocks/" rel="ugc">Essential Blocks For Gutenberg</a> Get all stunning & interactive Gutenberg blocks to design your website seamlessly
🔝 <a href="https://wordpress.org/plugins/essential-addons-for-elementor-lite/" rel="ugc">Essential Addons For Elementor</a>: Most popular Elementor addons with 70+ widgets & ready blocks
☁ <a href="https://wordpress.org/plugins/templately/" rel="ugc">Templately</a>: Free templates library for Elementor & Gutenberg along with the cloud collaboration for WordPress
🔔 <a href="https://wordpress.org/plugins/notificationx/" rel="ugc">NotificationX</a>: Best Social Proof & FOMO Marketing Solution to increase conversion rates
📚 <a href="https://wordpress.org/plugins/betterdocs/" rel="ugc">BetterDocs</a>: Best Documentation & Knowledge Base Plugin for WordPress reduce manual support tickets & improve user experience.
⏰ <a href="https://wordpress.org/plugins/wp-scheduled-posts/" rel="ugc">WP Scheduled Posts</a>: Advanced editorial calendar & complete solution for WordPress Post Scheduling, social sharing, missed scheduled alerts and more.
⭐ <a href="https://wordpress.org/plugins/reviewx/" rel="ugc">ReviewX</a>: WooCommerce Product review plugin that allows users to submit product reviews with multiple criteria, photos, video and more
⚡ <a href="https://wordpress.org/plugins/flexia" rel="ugc">Flexia</a>: Most lightweight, customizable & multi purpose theme for WordPress

Accordion Toggle

This is my second review of this plugin. Previously it only supported plain-text content, not even links. It has changed, but not for the better.

Problem 1: How to add content!@#!!&*
I installed this and added one to a page, which started me out with three empty headings. I then clicked around for several minutes trying to see how to add content to a section.

Eventually I happened upon the answer -- you have to add an accordion item to the ones it inserts by default. If you do that, opening handles appear on all the items and you can expand them to add content.

It's very difficult to imagine how this wasn't noticed by the developer if they did any testing AT ALL.

Problem 2: Doesn't work in preview mode.
Using Twenty Twenty-One theme, no special style rules. Apparently the stylesheet for the plugin doesn't load in preview.

Problem 3: Editor appearance doesn't reflect selected options.
This seems to be a variation on the first problem. I select Classic vs Gradient appearance for the tabs, and nothing changes. I save and view the page (since as noted, preview doesn't work) and the titles still have gradient appearance.

After multiple edits, I got the "classic" styling to work, but when I put a nested accordion block into one of the sections, its tabs had the same styling as the containing accordion -- the options I selected for the nested block were ignored.

Bottom line:
This was sloppily done, and released with basically no testing. I have lost all confidence in this developer and will not be reviewing any future versions.

Unusable

Display Your FAQs & Improve User Experience with Accordion/Toggle block.

alterbid

Chameleon Pure CSS Accordion changes its colors to match the theme colors of your site and does not divert the attention away from the information that you want visitors to see on your site. This is a highly customizable accordion builder for wordpress. You can easy sort your accordion position using shortcodes, set height of items, title tag, limit of items in your accordion.
<h3>Check Demos</h3>
<ul>
<li><a href="https://alterbid.com/chameleon-pure-css-accordion-for-free/" rel="nofollow ugc">Chameleon Pure CSS Accordion – Live Demo</a></li>
<li><a href="https://alterbid.com/wp-content/uploads/2017/12/Chameleon_Pure_CSS_Accordion_Settings.pdf" rel="nofollow ugc">Read more about Chameleon Pure CSS Accordion Settings</a></li>
<li><a href="https://github.com/alterbid/chameleon-pure-css-accordion" rel="nofollow ugc">GitHub project</a></li>
</ul>
<h3>Features Of Plugin</h3>
<ul>
<li>Responsive Design </li>
<li>Limitless accordion anywhere in the theme</li>
<li>Use via shortcodes</li>
<li>Widget option available</li>
<li>The accordion inherits the theme style, disguises itself as your theme colors.</li>
<li>Highly customized for User Experience</li>
<li>The accordion show the posts from the taxonomies you set in the shortcode</li>
</ul>
<h3>Accordion Shortcode</h3>
<pre><code>[chameleon_accordion item="1" id="x, y, z"]
</code></pre>
Here “1” is your accordion shortcode number. You can add unlimited accordions and use any number of shortcode.
<pre><code>example: [chameleon_accordion item="1" id="1"]
</code></pre>
Accordion shows you all uncategorized posts ( or all terms id=”1″, or term_taxonomy_id = “1” ) 
Create a few posts in the category that will be displayed in your accordion. 
The accordion does not show the item if the item’s id is the same as the id of the current page. So on the home page the accordion does not show the item with post_id = 1 “Hello World!” 
We assume that there is no need to show the item in the accordion if the user has already opened the page of this item.
<h3>ACCORDION SETTINGS</h3>
<ol>
<li>
Add ANY TAXONOMIES. You can use any taxonomies ids:
<pre><code>[chameleon_accordion item="1" id="1, 2, 3"]
</code></pre>
You can use any categories, tags or woocommerce categories via ids of column “term_id” from table “wp_terms” of your wordpress MySQL database, 
OR use url-reference of the category in the backend admin panel
<pre><code>wp-admin/term.php?taxonomy=category&tag_ID=1
</code></pre>
<a href="https://alterbid.com/wp-content/uploads/2017/12/Chameleon_Pure_CSS_Accordion_Settings.pdf" rel="nofollow ugc">See Accordion Settings</a>
</li>
<li>
Create ANY NUMBER of ACCORDIONS:
Set number of your accordion. For example: item=’1′ …
<pre><code>[chameleon_accordion item="1" id="1, 2, 3"]
</code></pre>
Accordion does not work without №(number) of accordion ( for example: item=”1″ ) and without id of taxonomy( for example: id=”1, 2, 3″ ) 
The style file will not load if the accordion does not have any posts(items). 
For example: write shortcode
<pre><code>[chameleon_accordion item="1" id="1"]
</code></pre>
to place accordion with Uncategorized posts WordPress where you want
</li>
<li>
title=”…”
Add the TITLE of the ACCORDION.
<pre><code>[chameleon_accordion item="1" id="1" title="My Accordion" ]
</code></pre>
</li>
<li>
tag=”…”
Set the POSTS’ TITLE TAG – p, div, h1, h2, h3, h4 …
<pre><code>[chameleon_accordion item="1" id="1, 2, 3" tag="h4" ]
</code></pre>
( default paragraph “p” )
</li>
<li>
height=”…”
Set the HEIGHT (px) of ALL POSTS in the accordion.
<pre><code>[chameleon_accordion item="1" id="1, 2, 3" height="100" ]
</code></pre>
( default = 45 px ) 
If the height of the item is less than 215px, when you hover the mouse over the item it opens to the height = your_item_height + 150px, if the height is more than 215px, the item opens to its maximum height.
</li>
<li>
limit=”…”
LIMIT the number of POSTS in the accordion, using limit = “5”.
<pre><code>[chameleon_accordion item="1" id="1" limit="5"]
</code></pre>
Items can be permanent or temporary. Remove only temporary items from the accordion using the LIMIT function. 
Articles that do not need to be deleted using the LIMIT function must contain a shortcode with the accordion number in which these posts are to be kept permanently:
<pre><code>[chameleon_kit item="1" ]
</code></pre>
If the post contains the shortcode [chameleon_kit item = “1”], this post will not be deleted using the LIMIT function and is a permanent post.
Temporary posts are posts that do not contain shortcodes [chameleon_kit item = “1”].
Among the temporary posts, if your limit allows, there remain posts in which the last ones were modified. The oldest posts are removed from the accordion.
<h3>ACCORDION ITEMs’ SETTINGS</h3>
Add
<pre><code>[chameleon_kit item="..." ] 
</code></pre>
to the item’s text to set up HEIGHT or ORDER of this item.
</li>
<li>
<code>[chameleon_kit item="..." height="..." ]</code>
Set HEIGHT (px) of any ITEM in the accordion.
Add
<pre><code>[chameleon_kit item="1" height="600" ] 
</code></pre>
to the post(item) text.
</li>
<li>
<code>[chameleon_kit item="..." order="..."]</code>
Set ORDER of ITEMs. 
All items are ordered by last modified in the item, but you can change the order of the items by specifying the order of the item in the text of this item; 
order=”last” if the item should be the last in the accordion, or order=”1″,if the item must be the top one in the accordion:
<pre><code>[chameleon_kit item="1" order="1"] … 
[chameleon_kit item="1" order="last"]
</code></pre>
</li>
<li>
Use DRAFT to create item without link to the post. If post has “post_status” “draft” in your accordion and has shortcode 
for example:
<pre><code>[chameleon_kit item="1"]
</code></pre>
then the post does not have the link to the post and the link “read more” to the post.
To DELETE DRAFT POST from accordion you have delete shortcode [chameleon_kit item=”1″] from the text of the post.
<h3>Unlimited Shortcode</h3>
Here you can create unlimited accordion group with unlimited shortcodes. So using shortcodes you can display your accordion on multiple page and post.
</li>
</ol>
<h3>Accordion Widget</h3>
There a widget option is integrated with this plugin, you will need just add shortcode [chameleon_accordion item=”…” id=”…”] in your widget area to display your accordion.
<h4>It’s works With Your Theme</h4>
We have tested on with multiple popular themes and work on every themes. So design is very clean and works with your theme as well.

Chameleon Pure CSS Accordion

It is easy accordion, shows posts anywhere via shortcodes, inherits the theme style and theme colors and does not divert the attention away from the i …

Accordion Toggle vs Chameleon Pure CSS Accordion