A Multi-use toggle that adds

USABILITY

Toggle This is a RapidWeaver stack that improves functionality and content real-estate with a stylish and straight forward toggle. Display optional or advanced fields. Toggle between user specific content. Allow your website visitors to show, hide, enable, disable, animate, and modify almost any stack or element with a single click.

Styles

Off
Enable
Off
Enable
Off
Enable

Presets

Select a type and style to suit most any design past and present. There are a total of 15 designs that can be adjusted to fit into your current projects.

High Contrast Styles

All of the designs can be adjusted for dark style websites. Change the color of any part of the toggle to really make it stand out or blend in.
Off
Enable
Off
Enable
Off
Enable

More Design Options

Optionally add text or image labels to add clarification to each of the active states. Adjust the size, alignment, and shape of the toggle to make it easy to use with touch enabled devices. Change the default state to switch the function of the toggle to disable, remove or modify content.

Off
On

Actions

cc  
 PayPal-logo

Pay with Credit Card

Pay with PayPal

Forgot your password?

Show / Hide

Toggle between two states with the Show / Hide action. Optionally swap between or display hidden stacks content. Each state can be used to show or hide what you add to your stacks page. Click the toggle to see how it works.

Toggle Class

You are not just limited to showing or hiding content. You can also use classes defined through CSS to apply custom styles, animations, or effects based on the toggle state. In this example the stack toggles between light and dark modes by applying a class to the stack when it is enabled.

Opacity / Visibility

Disable and enable defined content by adjusting the transparency to show your visitors relevant information without completely hiding the alternative. Any content in the inactive state will not be interactive.

Buyer
Seller

Buyer Login

Create account

Seller Login

Create account
Designer
Developer

Setup is Simple

Advanced Actions

Attaching an action to the toggle for functionality is easy. Simply select from any of the included options to show, hide, or modify the appearance of any element using the provided stacks sections or even by assigning a class.

For advanced functionality, this stack also provides two independent functions for each of the toggle states. Create custom functions that can interact with any part of your entire webpage with jQuery or Javascript.