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.

ScriptsTown

Dark Mode Toggle is an excellent WordPress plugin that allows you to quickly add a dark / night mode toggle switch button to your WordPress site. The plugin enables users or visitors to easily switch between a dark or light scheme by clicking on the simple toggle button. It is ready to use dark mode plugin that works out of the box and is compatible with all WordPress themes. It has a settings page with various options to customize or change the position, width, height, and border radius of the toggle button. It is a very lightweight plugin with minimal footprints. With this plugin, you can also skip or exclude dark mode on any specific elements of your website. It improves the user experience and it is fast and easy to use.
Dark mode plugin can improve the accessibility and readability of a WordPress website. Having a dark background with light-colored text can reduce eye strain and fatigue for many people who are sensitive to bright screens. This is the best dark mode WordPress plugin that allows site visitors to switch between light and dark modes easily. It caters to different visual needs and preferences. Plus, the plugin can save and persist the user’s choice for the next page refresh. It remembers the choice for the next page visit to avoid manually switching modes on every new page load.
This dark mode plugin has simple settings, works well with all modern browsers, and provides high compatibility with all WordPress themes as well as any page builder plugins. It quickly changes the colors and also works great for darker themes to toggle the light mode on the dark themes.
<h3>Dark Mode Toggle Features</h3>
<ul>
<li>Dark Mode / Night Mode Toggle Switch</li>
<li>Sticky Button to Toggle Dark Mode</li>
<li>Change Position of Toggle Button</li>
<li>Customize Width, Height, and Border Radius</li>
<li>Easily Switch to Light or Dark Mode</li>
<li>Lightweight Plugin with Minimal Footprints</li>
<li>Easy Setup with Automatic Configuration</li>
<li>Bring Dark Theme or Light Theme</li>
<li>Compatible with any WordPress Theme</li>
<li>Switching Transition Animation</li>
<li>Save User Choice on Next Page Refresh</li>
<li>Fast and Easy to Setup and Use</li>
</ul>
Upgrade To Pro – <a href="https://scriptstown.com/wordpress-plugins/dark-mode-toggle-pro/#pricing" title="Upgrade To Pro" rel="nofollow ugc">Click Here</a>
<h3>Dark Mode Toggle Pro Features</h3>
<ul>
<li>Toggle Dark Mode on Editor Screen</li>
<li>Upload Custom Toggle Button Image</li>
<li>Different Images on Light / Dark Mode</li>
<li>Set Custom Button Emoji Label</li>
<li>Set Toggle Button Font Size</li>
<li>Custom Toggle Button Colors</li>
<li>Dark Mode to WordPress Admin</li>
<li>Toggle Button Admin Settings</li>
<li>Toggle Post Editor Dark Theme</li>
<li>Works Perfect in all Modern Browsers</li>
<li>Well-Coded, Fast and Lightweight</li>
<li>Separate Options for Front and Admin</li>
<li>Many Advanced Options for Customization</li>
<li>Option to Turn On Dark Mode By Default</li>
<li>Auto-Match OS Theme on Initial Load</li>
</ul>
Dark Mode Toggle Pro offers additional features like switchable custom button labels, font sizes, and toggle button colors. You can even set any custom button for toggling the dark mode. It offers dark mode on admin pages as well. Plus, it can auto-matches the OS theme on initial load.
Check Pro Plugin – <a href="https://scriptstown.com/wordpress-plugins/dark-mode-toggle-pro/" title="Check Pro Plugin" rel="nofollow ugc">Click Here</a>

Dark Mode Toggle


I try some dark mode plugin, but i see your plugin Simple, fast, convenient and beautiful! I like that!


Simple, fast, convenient and beautiful

Bring dark mode toggle switch to your WordPress website. A simple switch to turn on and off the dark mode. Fast and easy to use.

Text Toggle vs Dark Mode Toggle