Terry O&#039;Brien (HoosierDragon)

A very simple shortcode series to create a text area which can be hidden or displayed based on a click on the title. Text areas by default are hidden.
This shortcode series uses jQuery functionality to a) determine which text areas are to be toggled and b) toggle them.
<h4>Use</h4>
Basic use is to surround a block of text with the “[tt]” shortcode and specify a title parameter within the shortcode. The title will be shown on the page, preceeded by an indicator whether the associated text area is hidden (►) or shown (▼). Clicking the title link will toggle the display of the dependant text area, as well as toggle the indicator.
Groups of text areas can be shown or hidden at once through the “[tt_part]” and “[tt_all]” shortcodes.
The “[tt_part]” shortcode uses a required parameter named “class” that links it to all “[tt]” shortcodes and their associated text areas with the same class parameter. Clicking the “[tt_part]” title link will toggle all associated text areas and any “[tt_part]” shortcode links with the same class according to the status of the parent shortcode. Text areas of this section that are already displayed when the parent link is clicked will remain displayed, and vice versa with hidden text areas.
The “[tt_all]” shortcode will toggle all “[tt]” shortcode text areas, any intermediate “[tt_part]” links and any mirrored “[tt_all]” links, according to the status of the particular title link. Text areas that are already displayed when the overall link is clicked to display all the text areas will remain displayed, and vice versa with hidden text areas.
Both the “[tt_part]” and “[tt_all]” shortcodes may be placed anywhere on the web page and can be used multiple times on the same web page.
<h4>Parameters</h4>
The “[tt]” shortcode has one required parameter and two optional parameters, plus the required content of the shortcode.
<ul>
<li>The “class” parameter is optional: this links the particular text area with the “[tt_part]” shortcode, which can display or hide groups of text areas. This parameter must consist of only letters and numbers.</li>
<li>The “style” parameter is optional: this allows the author to apply CSS style components to the given shortcode content, which will only be visible when the content is made visible. Style components are limited to anything that applies to the area surrounding and including the area to be displayed and are limited to the following: background-color, border, border-color, border-radius, border-size, border-style, and color. Any other style components or any other text will be ignored. </li>
<li>The “title” parameter is required: this what is displayed as the title of the text area and is used as the control link. </li>
</ul>
The “[tt_part]” short code has two required parameters; it does not use any content.
<ul>
<li>The “class” parameter is required: this is the link to all associated “[tt]” text areas. This parameter must consist of only letters and numbers.</li>
<li>The “title” parameter is required: this what is displayed as the title of the control link, preceded by “Show / Hide All”.</li>
</ul>
The “[tt_all]” short code has no parameters and it does not use any content.

Text Toggle

A very simple shortcode series to create a text area which can be hidden or displayed based on a click on the title. Text areas by default are hidden.

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.

Text Toggle vs Accordion Toggle