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.

Braintum

Ultimate FAQ Solution is a powerful, flexible WordPress plugin for creating, organizing, and displaying FAQs—now with advanced AI features. Instantly generate entire FAQ groups with one click using the “Create with AI” tool, or draft individual answers with AI-powered suggestions. Designed for both standard WordPress sites and WooCommerce stores, it offers responsive layouts, accordion and toggle display modes, and a searchable FAQ directory. The interactive FAQ Assistant adds a floating chat icon to your site, giving users instant, conversational access to your knowledge base.
With Ultimate FAQ Solution, you can: 
– Create and manage FAQ groups using the familiar WordPress editor. 
– Display FAQs anywhere using shortcodes or Gutenberg blocks. 
– Add FAQs directly to WooCommerce product pages with a dedicated FAQ tab. 
– Enhance SEO with built-in FAQPage structured data (FAQ Schema) for rich Google snippets. 
– Instantly generate suggested answers for your FAQs using AI-powered answer suggestions. 
– Improve user experience with the interactive FAQ Assistant—a floating help icon with chat-style access to your FAQs. 
– Customize layouts, colors, and more to match your site branding. 
– Enjoy accessibility-ready templates, and multi-language compatibility.
Whether you need a simple FAQ section or a full-featured knowledge base, Ultimate FAQ Solution streamlines the process and helps you deliver fast, accurate answers to your visitors.
<h4>🧠 “Create with AI” Feature</h4>
The new “Create with AI” feature allows you to automatically generate entire FAQ groups using advanced AI assistance. Instead of manually writing each question and answer, you can now leverage AI to quickly draft a set of relevant FAQs for your topic, product, or service—all in just a few clicks.
How it works: 
– When creating a new FAQ group, simply click the “Create with AI” button. 
– Enter a FAQ Group Title and context of what you want FAQs about. 
– The AI will instantly generate a list of suggested questions and answers tailored to your input. 
– You can edit, and customize the generated FAQs and saving them to your site.
Benefits: 
– Save time and effort when building new FAQ sections. 
– Get high-quality, relevant questions and answers based on your topic. 
– Easily expand your knowledge base or help center with minimal manual work. 
– Maintain full control—edit or remove any AI-generated content before publishing.
This feature is perfect for quickly launching new FAQ groups, onboarding new products, or providing instant support content for your users. The “Create with AI” tool is designed to streamline your workflow and help you deliver accurate, helpful information to your audience faster than ever.
<h4>🤖 AI-Powered FAQ Answer Suggestions</h4>
Starting from version 1.6.4, Ultimate FAQ Solution includes an AI-powered feature that can instantly generate suggested answers for your FAQs. When creating or editing a FAQ, simply click the “AI Assistant” button to receive a relevant answer draft—saving you time and helping you craft accurate, helpful responses. You can review, edit, and customize the AI-generated content before publishing.
This feature is designed to streamline your workflow, especially when building large knowledge bases or handling repetitive questions. AI-generated answers are optional and fully under your control, ensuring your content always matches your brand voice and standards.
💡 Streamline your workflow, minimize support requests, and deliver a seamless user experience with customizable, mobile-friendly FAQ sections.
🔗 <a href="https://www.braintum.com/contact-us/" rel="nofollow ugc">Support & Feature Requests</a> | <a href="https://www.braintum.com/ultimate-faq-solution/" rel="nofollow ugc">Live Demo</a> | <a href="https://github.com/Braintum/ultimate-faq-solution" rel="nofollow ugc">GitHub</a>
<h4>✅ Key Features Overview</h4>
<ul>
<li>🧠 Create with AI: Instantly generate entire FAQ groups with one click using advanced AI assistance.</li>
<li>💬 FAQ Assistant: Add an interactive, floating help icon with chat-style FAQ access for instant answers.</li>
<li>🤖 AI-Powered Answer Suggestions: Instantly generate FAQ answers using AI to save time and improve accuracy.</li>
<li>♿ Accessibility-Ready Templates: Ensure your FAQs are usable by everyone, including assistive technology users.</li>
<li>🧩 Gutenberg Block Support: Easily insert in the WordPress block editor.</li>
<li>📄 FAQ Schema / Structured Data: Built-in support for FAQPage schema for enhanced SEO and Google rich snippets.</li>
<li>🛒 WooCommerce Product FAQ Tabs: Display FAQs directly on product pages with a dedicated tab.</li>
<li>🔍 Live AJAX Search: Let users find answers instantly with real-time search.</li>
<li>📚 FAQ Directory with Search & Group Filter: Create a searchable, filterable FAQ directory for easy navigation.</li>
<li>🔄 Accordion & Toggle Display Modes: Choose between accordion or toggle layouts for your FAQ sections.</li>
<li>📝 Bulk Edit FAQs in a Group: Edit all FAQs within a group from a single screen for streamlined management.</li>
<li>🔗 Easy Shortcode Placement: Insert FAQs anywhere using simple shortcodes.</li>
<li>🎨 200+ Icon Choices: Enhance your FAQ design with a wide selection of icons.</li>
<li>🖌️ Customizable Layouts: Match your site’s branding with flexible design options.</li>
<li>📱 3 Responsive Templates: Choose from three fully responsive templates for any device.</li>
<li>🌐 Fluid Width Support: FAQs adapt seamlessly to any screen size.</li>
<li>🌍 Multi-Language: Compatible with translation plugins.</li>
<li>🧑‍💻 Developer-Friendly Code: Clean, well-documented code for easy customization.</li>
<li>🚀 SEO-Friendly & Lightweight: Optimized for speed and search engine visibility.</li>
<li>⬆️ Native Export/Import System: Seamlessly migrate, backup, or transfer your FAQs with our custom-built export/import functionality.</li>
<li>👁️ FAQ Preview Option: Preview your FAQ groups before publishing.</li>
</ul>
🤝 FAQ Assistant 
The FAQ Assistant adds an interactive, floating help icon to your website, giving visitors quick access to your FAQs in a sleek, chat-style interface. Use the settings below to enable the assistant and customize its behavior. Improve user experience by making answers more accessible—right when and where your visitors need them.
With the FAQ Assistant, your users can search for answers, browse FAQ groups, and interact with your knowledge base in real time—without leaving the page they’re on. The assistant is fully customizable: you can adjust its appearance, welcome message, and even the footer text to match your site’s branding and tone. It’s designed to be mobile-friendly and accessibility-ready, ensuring all visitors can benefit from instant support.
Whether you run a WooCommerce store, a membership site, or a blog, the FAQ Assistant helps reduce support requests and empowers your users to find answers independently. Enable it today to provide a modern, conversational FAQ experience that keeps your audience engaged and informed.
🔄 Native Export/Import System 
Ultimate FAQ Solution features a powerful, custom-built export/import system that goes beyond WordPress’s default import/export functionality. Our native solution is specifically designed for FAQ data, ensuring perfect compatibility and a seamless migration experience.
Why Choose Our Native Export/Import? 
* Purpose-Built for FAQs: Unlike generic WordPress importers, our system is specifically designed to handle FAQ groups, questions, answers, and their relationships perfectly. 
* Complete Data Integrity: Preserve all FAQ metadata, custom fields, and relationships during export/import operations. 
* Selective Export: Choose exactly what to export – specific FAQ groups, settings, or everything at once. 
* JSON Format: Clean, readable JSON format that’s both human-readable and developer-friendly. 
* No Data Loss: Our native system ensures 100% accuracy when transferring FAQ content between sites. 
* Better Performance: Faster and more reliable than WordPress’s default import system for FAQ-specific content.
Perfect for: 
* Migrating FAQs between staging and production sites 
* Creating backups of your FAQ content 
* Transferring FAQ databases between different WordPress installations 
* Sharing FAQ templates with team members or clients 
* Setting up multiple sites with similar FAQ structures
The export/import functionality is accessible directly from your WordPress admin under Ultimate FAQs > Export/Import, providing an intuitive interface for managing your FAQ data transfers with just a few clicks.
<h3>Usage</h3>
<ol>
<li>Go to Ultimate FAQs in your admin menu.</li>
<li>Create a new FAQ Group.</li>
<li>Add questions and answers using the built-in editor.</li>
<li>Enable and configure the FAQ Assistant via the plugin settings to show the floating help icon.</li>
<li>Insert the FAQ on any page or post using the shortcode: <code>[ufaqsw-all]</code></li>
</ol>

Ultimate FAQ Solution

Create, organize, and display FAQs with AI-powered answers, one-click FAQ groups, WooCommerce, and a floating chat assistant.

Text Toggle vs Ultimate FAQ Solution