- Foundation Tutorial
- Foundation - Home
- Foundation - Overview
- Foundation - Installation
- Foundation - Starter Projects
- Foundation - Kitchen Sink
- Foundation General
- Foundation - Global Styles
- Foundation - Sass
- Foundation - JavaScript
- Foundation - JavaScript Utilities
- Foundation - Media Queries
- Foundation - The Grid
- Foundation - Flex Grid
- Foundation - Forms
- Foundation - Visibility Classes
- Foundation - Base Typography
- Foundation - Typography Helpers
- Foundation - Basic Controls
- Foundation - Navigation
- Foundation - Containers
- Foundation - Media
- Foundation - Plugins
- Foundation SASS
- Foundation - Sass Functions
- Foundation - Sass Mixins
- Foundation Libraries
- Foundation - Motion UI
- Foundation Useful Resources
- Foundation - Quick Guide
- Foundation - Useful Resources
- Foundation - Discussion
Foundation - Plugins Toggler
Description
Toggle is used to switch from one setting to another. It is easy to toggle the animate element with a click.
The following table describes the different types of toggler along with the description.
| Sr.No. | Type & Description |
|---|---|
| 1 | Toggle a CSS class
Includes the data-toggler attribute to the element that you want to toggle. |
| 2 | Toggle with Animation
The animation effect can be applied to toggle by using the attribute data-toggler data-animate in the element. |
| 3 | Mark as Closable
Include data-closable attributes to close the element. |
| 4 | Javascript Reference
Foundation provides JavaScript components for toggler. |
foundation_plugins.htm
Advertisements