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.

Freemius

Abu Hayat

bPlugins

shehabulislam

Prosanta Roy

Awesome FAQ is a lightweight, user-friendly WordPress plugin that lets you create beautiful and responsive FAQ sections using Gutenberg Blocks or shortcodes. 
Perfect for bloggers, business owners, online shops, portfolios, and anyone who needs a simple and elegant way to display frequently asked questions.
<a href="https://demo.bplugins.com/demo/all-demos-in-one-place/" rel="nofollow ugc">Live Demos</a> | <a href="https://bplugins.com/products/faq-and-answers/pricing/" rel="nofollow ugc">Pricing</a> | <a href="https://bplugins.com/support/" rel="nofollow ugc">Support</a> | <a href="https://bplugins.com/products/faq-and-answers/" rel="nofollow ugc">Awesome FAQ</a>
<h3>🚀 Boost Your SEO with FAQ Schema (JSON-LD)</h3>
FAQ Schema is built right in. With one click, your FAQs are marked up with Google-recommended structured data — increasing the chances of rich results and “People Also Ask” snippets in search engines. 
No extra SEO plugin needed.
<h3>📊 Analytics Dashboard (New)</h3>
Track how visitors interact with your FAQs. See which questions get the most views, clicks, and engagement — so you can continuously improve your content.
AI-Generated Answers (New): Generate clear, professional responses in seconds and edit them to fit your brand voice. 
Whether you are using the modern Gutenberg Editor or the Classic Editor, this plugin provides full flexibility with dedicated blocks and easy-to-use shortcodes.
Perfect for bloggers, business owners, online shops, portfolios, and anyone who needs a simple and elegant way to display frequently asked questions.
<h3>⭐ Key Features</h3>
<ul>
<li>7 Free modern FAQ themes </li>
<li>5 Premium FAQ themes in Pro </li>
<li>Fully responsive on all devices 
-Two Column FAQ and Horizontal FAQ</li>
<li>Gutenberg Block support </li>
<li>Shortcode support for any page or widget </li>
<li>Smooth animations</li>
<li>AI-powered answer generation for FAQs.</li>
<li>FAQ Schema SEO </li>
<li>Fast and lightweight </li>
<li>Extremely easy to use—no coding needed </li>
<li>100% ad-free</li>
</ul>
<h3>🔥 Pro Features</h3>
Upgrade to the Pro version for full customization: 
– Premium FAQ templates for stunning designs. 
– FAQ categories and filters for better organization. 
– FAQ search option to help users find answers quickly. 
– Multi-column FAQ layouts for modern website designs. 
– Classic Editor support for rich and flexible FAQ answers. 
– Analytics dashboard to track user interactions and popular questions. 
– Advanced customization controls for colors, icons, spacing, and typography. 
– Additional layouts & animation effects. 
– Perfect for business websites, blogs, agencies, documentation, and support centers.
<h3>How To Use</h3>
Awesome FAQ provides two easy ways to add FAQs to your website: Gutenberg Block and Shortcode.
1. Using Gutenberg Block
<ol>
<li>Open the WordPress Block/Gutenberg Editor on any page or post.</li>
<li>Click the Add Block (+) button.</li>
<li>Search for Awesome FAQ in the block directory.</li>
<li>Click on the block to add it to your content.</li>
<li>Customize the FAQ section using the block settings:
<ul>
<li>Choose a theme (free or Pro)</li>
<li>Set colors, icons, typography, and toggle options</li>
<li>Add questions and answers</li>
</ul>
</li>
<li>Preview and publish your page. Your FAQ section is now live!</li>
</ol>
2. Using Shortcode (via Custom Post Type)
<ol>
<li>In the WordPress dashboard, go to Awesome FAQ → Add New FAQ.</li>
<li>Enter your question and answer for each FAQ item.</li>
<li>Assign categories or groups if needed (for multiple FAQ sections).</li>
<li>Click Publish to save the FAQ item.</li>
<li>Copy the generated shortcode displayed on the page.</li>
<li>Paste the shortcode into any post, page, or widget where you want the FAQ to appear.</li>
<li>Save and preview to see your FAQs in action.</li>
</ol>
<h3>Why Use Awesome FAQ?</h3>
✔ Create beautiful and interactive FAQ sections easily. 
✔ Help visitors find answers quickly and improve user experience. 
✔ Reduce repeated customer support questions. 
✔ Organize FAQs with categories, filters, and search options. 
✔ Improve SEO with structured FAQ schema support. 
✔ Fully responsive and optimized for all devices. 
✔ Customize colors, typography, spacing, icons, and layouts without coding. 
✔ Perfect for businesses, blogs, product pages, and help centers.
<h3>Common Use Cases</h3>
The plugin is useful for many types of WordPress websites:
✔ Business Websites: Display common customer questions professionally. 
✔ Product Documentation: Organize product guides and troubleshooting FAQs. 
✔ Educational Websites: Create student help sections and learning resources. 
✔ Agency & Service Sites: Showcase service-related FAQs for clients. 
✔ Knowledge Bases & Help Centers: Build searchable support sections easily. 
✔ Blog Websites: Add FAQ sections to improve SEO and user engagement.
<h4>Feedback</h4>
Love the plugin? Want new features? Need support? 
We’d love to hear from you: 
📩 <a href="https://bplugins.com/support/" title="Send feedback" rel="nofollow ugc">Send your feedback</a>
<h4>⭐ Check out our other WordPress Plugins</h4>
🔥 <a href="https://audioplayerwp.com/" rel="nofollow ugc">Html5 Audio Player</a> – Best audio player plugin for WordPress. 
🔥 <a href="https://wpvideoplayer.com/" rel="nofollow ugc">Html5 Video Player</a> – Fully customizable video player plugin. 
🔥 <a href="http://pdfposter.com/" rel="nofollow ugc">PDF Poster</a> – Display PDFs beautifully on your website. 
🔥 <a href="https://wordpress.org/plugins/streamcast" rel="ugc">StreamCast</a> – Powerful radio player plugin. 
🔥 <a href="https://3d-viewer.bplugins.com/" rel="nofollow ugc">3D Viewer</a> – Display interactive 3D models easily.

Awesome FAQ  – Modern Accordion, Tabs,Responsive & Super Fast FAQ Builder.

This plugin i have developed for add Faq are in one of my clients website. 

Text Toggle vs Awesome FAQ – Modern Accordion, Tabs,Responsive & Super Fast FAQ Builder.