BACK TO DIRECTORY
The Toggle Anything block allows you to control visibility of other blocks on the page via user interaction.
A common example is a pricing page where a user can toggle between monthly vs yearly subscription pricing. With this plugin allows you to design your own pricing tables using core blocks, then control the which items are visible or hidden when the switch is toggled.
Features
- Toggle visibility of any element on the page. Does not need to be a nested block.
- Set a default toggle state.
- Choose your own “On” and “Off” state class names.
- Non-Javascript friendly. Default state content displays, toggle is hidden.
- Additional classes to show or hide other related components on non-Javascript browsers.
- Multiple toggles allowed on the same page.
- Multiple design configurations for each toggle.
- Option for adding text in on/off positions.
- Easy Custom CSS additions for each toggle/switch component.
Screenshots
General block view and settings
Basic toggle settings for classes and default state
Optional text settings
Various styling options
Setting the show/hide classes on other blocks
Pricing page example