Hide, switch or change the appearance of different contents through a toggle.

Annual
Lifetime

Basic

$49
  • Free Domain
  • 20GB Cloud Space
  • 1GB Bandwidth
  • Free 10GB Hosting
  • Free 24/7 Support
  • Money Back Guarantee!

Plus

$69
  • Free Domain
  • 20GB Cloud Space
  • 1GB Bandwidth
  • Free 10GB Hosting
  • Free 24/7 Support
  • Money Back Guarantee!

Pro

$99
  • Free Domain
  • 20GB Cloud Space
  • 1GB Bandwidth
  • Free 10GB Hosting
  • Free 24/7 Support
  • Money Back Guarantee!
Concept
Design
Cras mattis iudicium purus sit amet fermentum at nos hinc posthac, sitientis piros afros. Lorem ipsum dolor sit amet, consectetur adipisici elit. Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Annual
Lifetime
Cras mattis iudicium purus sit amet fermentum at nos hinc posthac, sitientis piros afros. Lorem ipsum dolor sit amet, consectetur adipisici elit. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since.
Before
After
When we say we’re not happy until you’re happy, we really do mean it. So whether it’s a typo or an image that didn’t print quite the way you hoped, we’ll do everything we can to fix it. Cras mattis iudicium purus sit amet fermentum at nos hinc posthac, sitientis piros afros.

Toggle Button Type

Content Fields

Here is a list of common content fields for Toggle add-on.

Setting Description
Toogle Content Type Select Toogle type, change the appearance of different contents through a toggle.
Button Alignment These classes define the alignment of flex items.
Toggle Animation Add animations to items when toggling between them (Support 16 type of animations)
Visible Content Content visible before clicking toggle button
Hidden Content Content display after clicking on toggle button

General Settings

General settings, which are the same across all add-ons, are grouped in a General section at the bottom. Here is a short overview.

Setting Description
Margin Keep the existing vertical margin (e.g. from headings), force specific margin or remove all margin. Margins of an element can be removed from the top and bottom.
Remove top margin. Use this option to remove the add-on's top margin
Remove bottom margin. Use this option to remove the add-on's bottom margin
Animation Overwrite the animation settings from the section. This won't have any effect unless animations are enabled for the add-on.
Alignment This option specifies the alignment of an add-on according to the surrounding element
Text Breakpoint Define the device width from which the alignment will apply.
Visibility Define when the add-on should be hidden.
CSS Class If you wish to style a particular content element differently, then use this field to add a class name and also refer to it in your css file.