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.

tychesoftwares

John Gardner

shasvat

With this plugin you can easily add various kinds of styled boxes, buttons, tabs, accordions, unordered lists, columns and more. 
New in version 2.0, the box, button, list and tab shortcodes support custom <a href="http://fontawesome.github.io/Font-Awesome/" rel="nofollow ugc">FontAwesome</a> icons for a flexible display
<h4>Features</h4>
<ul>
<li>6 style shortcodes (accordions, boxes, tabs, toggles, etc…)</li>
<li>6 utility shortcodes (login-logout, highlight, etc…)</li>
<li>Shortcodes for up to 5 column display</li>
<li><a href="http://fontawesome.github.io/Font-Awesome/" rel="nofollow ugc">FontAwesome</a> support for boxes, buttons, lists, and tabs gives your interactive elements that extra pop</li>
<li>Responsive shortcode design to fit any screen</li>
<li>Has a Compatibility Mode available to help prevent shortcode name conflicts</li>
</ul>
<a href="http://demo.arconixpc.com/arconix-shortcodes" rel="nofollow ugc">Live Demo</a> 
<a href="https://www.tychesoftwares.com/docs/docs/shortcodes/" rel="nofollow ugc">Documentation</a>
<blockquote>
Tastes Great AND Less Filling Very effective and easy to use shortcodes help your site look sharp and saves space. Really like this plugin and recommend it to others. 
 <a href="https://wordpress.org/support/topic/tastes-great-and-less-filling/" rel="ugc">Jan McClintock</a>
</blockquote>
<h4>Some of our Pro plugins</h4>
<ol>
<li>
<a href="https://www.tychesoftwares.com/store/premium-plugins/deposits-for-woocommerce/?utm_source=wprepo&utm_medium=link&utm_campaign=Shortcodes" title="Deposits plugin for WooCommerce" rel="nofollow ugc">Deposits plugin for WooCommerce</a>
</li>
<li>
<a href="https://www.tychesoftwares.com/store/premium-plugins/product-delivery-date-pro-for-woocommerce/?utm_source=wprepo&utm_medium=otherprolink&utm_campaign=Shortcodes" title="Product Delivery Date Pro for WooCommerce" rel="nofollow ugc">Product Delivery Date Pro for WooCommerce</a>
</li>
<li>
<a href="https://www.tychesoftwares.com/store/premium-plugins/order-delivery-date-for-woocommerce-pro-21/?utm_source=wprepo&utm_medium=link&utm_campaign=Shortcodes" title="Order Delivery Date Pro for WooCommerce" rel="nofollow ugc">Order Delivery Date Pro for WooCommerce</a>
</li>
<li>
<a href="https://www.tychesoftwares.com/store/premium-plugins/woocommerce-abandoned-cart-pro/?utm_source=wprepo&utm_medium=link&utm_campaign=Shortcodes" title="Abandoned Cart Pro for WooCommerce" rel="nofollow ugc">Abandoned Cart Pro for WooCommerce</a>
</li>
<li>
<a href="https://www.tychesoftwares.com/store/premium-plugins/woocommerce-booking-plugin/?utm_source=wprepo&utm_medium=link&utm_campaign=Shortcodes" title="Booking & Appointment Plugin for WooCommerce" rel="nofollow ugc">Booking & Appointment Plugin for WooCommerce</a>
</li>
</ol>
<h4>Some of our other free plugins</h4>
<ol>
<li>
<a href="https://wordpress.org/plugins/order-delivery-date-for-woocommerce/" title="Order Delivery Date for WooCommerce - Lite" rel="ugc">Order Delivery Date for WooCommerce – Lite</a>
</li>
<li>
<a href="https://wordpress.org/plugins/woocommerce-abandoned-cart/" title="Abandoned Cart for WooCommerce" rel="ugc">Abandoned Cart for WooCommerce</a>
</li>
<li>
<a href="https://wordpress.org/plugins/product-delivery-date-for-woocommerce-lite/" title="Product Delivery Date for WooCommerce – Lite" rel="ugc">Product Delivery Date for WooCommerce – Lite</a>
</li>
<li>
<a href="https://wordpress.org/plugins/woocommerce-delivery-notes/" title="WooCommerce Print Invoice & Delivery Note" rel="ugc">WooCommerce Print Invoice & Delivery Note</a>
</li>
<li>
<a href="https://wordpress.org/plugins/order-delivery-date/" title="Order Delivery Date for WP e-Commerce" rel="ugc">Order Delivery Date for WP e-Commerce</a>
</li>
<li>
<a href="https://wordpress.org/plugins/woo-prevent-cancel-order/" title="Prevent Customers To Cancel WooCommerce Orders" rel="ugc">Prevent Customers To Cancel WooCommerce Orders</a>
</li>
<li>
<a href="https://wordpress.org/plugins/woo-coupons-by-categories-and-tags/" title="WooCommerce Coupons by Categories and Tags" rel="ugc">WooCommerce Coupons by Categories and Tags</a>
</li>
<li>
<a href="https://wordpress.org/plugins/arconix-faq/" title="Arconix FAQ" rel="ugc">Arconix FAQ</a>
</li>
<li>
<a href="https://wordpress.org/plugins/arconix-flexslider/" title="Arconix Flexslider" rel="ugc">Arconix Flexslider</a>
</li>
<li>
<a href="https://wordpress.org/plugins/arconix-portfolio/" title="Arconix Portfolio" rel="ugc">Arconix Portfolio</a>
</li>
<li>
<a href="https://wordpress.org/plugins/arconix-testimonials/" title="Arconix Testimonials" rel="ugc">Arconix Testimonials</a>
</li>
<li>
<a href="https://wordpress.org/plugins/wp-export-menus/" title="Export WordPress Menus" rel="ugc">Export WordPress Menus</a>
</li>
</ol>

Arconix Shortcodes

Arconix Shortcodes provides a number of useful design elements like buttons, boxes, tabs and toggles to help compliment any website.

Text Toggle vs Arconix Shortcodes