Toggle Element
Animated toggle element for creating question & answer block.
You can add toggle inside other elements to create more structured content.
This is open tab example - it will be open on page load
Content with any formatting molestie et tempor eu, hendrerit viverra tortor. Aenean tempus, urna in euismod ullamcorper, leo metus elementum lacus, sit amet viverra lacus quam vel nisi.
This is a default closed tab state
Fusce at justo ac augue blandit faucibus eu quis nibh. Donec malesuada felis a sem consectetur scelerisque.
Options above can be applied to any tab
Aenean tempus, urna in euismod ullamcorper, leo metus elementum lacus, sit amet viverra lacus quam vel nisi.
Nulla condimentum gravida orci id dignissim?
Etiam adipiscing mollis velit, ac molestie magna elementum a. Proin viverra convallis erat ac tempus. Nam scelerisque luctus pulvinar.
Suspendisse a libero et urna tincidunt auctor?
Etiam adipiscing mollis velit, ac molestie magna elementum. Proin viverra convallis erat ac tempus. Nam scelerisque luctus pulvinar.
Aliquam luctus blandit dolor eget blandit?
Aenean tempus, urna in euismod ullamcorper, leo metus elementum lacus, sit amet viverra lacus quam vel nisi.
Donec malesuada felis a sem consectetur scelerisque?
Fusce at justo ac augue blandit faucibus eu quis nibh. Donec malesuada felis a sem consectetur scelerisque.
Suspendisse a libero et urna tincidunt auctor?
Ut feugiat, felis a luctus malesuada, enim nulla vehicula leo, laoreet dapibus purus purus eu metus. Quisque rutrum ultrices urna, eget adipiscing justo ultrices et.
Nulla condimentum gravida orci id dignissim?
Etiam adipiscing mollis velit, ac molestie magna elementum a. Proin viverra convallis erat ac tempus. Nam scelerisque luctus pulvinar.
Suspendisse a libero et urna tincidunt auctor?
Etiam adipiscing mollis velit, ac molestie magna elementum. Proin viverra convallis erat ac tempus. Nam scelerisque luctus pulvinar.
Aliquam luctus blandit dolor eget blandit?
Aenean tempus, urna in euismod ullamcorper, leo metus elementum lacus, sit amet viverra lacus quam vel nisi.
Donec malesuada felis a sem consectetur scelerisque?
Fusce at justo ac augue blandit faucibus eu quis nibh. Donec malesuada felis a sem consectetur scelerisque.
Suspendisse a libero et urna tincidunt auctor?
Ut feugiat, felis a luctus malesuada, enim nulla vehicula leo, laoreet dapibus purus purus eu metus. Quisque rutrum ultrices urna, eget adipiscing justo ultrices et.
Aliquam luctus blandit dolor eget blandit?
Aenean tempus, urna in euismod ullamcorper, leo metus elementum lacus, sit amet viverra lacus quam vel nisi.
Suspendisse a libero et urna tincidunt auctor?
Ut feugiat, felis a luctus malesuada, enim nulla vehicula leo, laoreet dapibus purus purus eu metus. Quisque rutrum ultrices urna, eget adipiscing justo ultrices et.
Donec malesuada felis a sem consectetur scelerisque?
Fusce at justo ac augue blandit faucibus eu quis nibh. Donec malesuada felis a sem consectetur scelerisque.
Nulla condimentum gravida orci id dignissim?
Etiam adipiscing mollis velit, ac molestie magna elementum a. Proin viverra convallis erat ac tempus. Nam scelerisque luctus pulvinar.
Suspendisse a libero et urna tincidunt auctor?
Etiam adipiscing mollis velit, ac molestie magna elementum. Proin viverra convallis erat ac tempus. Nam scelerisque luctus pulvinar.
Donec malesuada felis a sem consectetur scelerisque?
Fusce at justo ac augue blandit faucibus eu quis nibh. Donec malesuada felis a sem consectetur scelerisque.
Nulla condimentum gravida orci id dignissim?
Etiam adipiscing mollis velit, ac molestie magna elementum a. Proin viverra convallis erat ac tempus. Nam scelerisque luctus pulvinar.
Suspendisse a libero et urna tincidunt auctor?
Etiam adipiscing mollis velit, ac molestie magna elementum. Proin viverra convallis erat ac tempus. Nam scelerisque luctus pulvinar.
Aliquam luctus blandit dolor eget blandit?
Aenean tempus, urna in euismod ullamcorper, leo metus elementum lacus, sit amet viverra lacus quam vel nisi.
Suspendisse a libero et urna tincidunt auctor?
Ut feugiat, felis a luctus malesuada, enim nulla vehicula leo, laoreet dapibus purus purus eu metus. Quisque rutrum ultrices urna, eget adipiscing justo ultrices et.
Nulla condimentum gravida orci id dignissim?
Etiam adipiscing mollis velit, ac molestie magna elementum a. Proin viverra convallis erat ac tempus. Nam scelerisque luctus pulvinar.
Aliquam luctus blandit dolor eget blandit?
Aenean tempus, urna in euismod ullamcorper, leo metus elementum lacus, sit amet viverra lacus quam vel nisi.
Suspendisse a libero et urna tincidunt auctor?
Ut feugiat, felis a luctus malesuada, enim nulla vehicula leo, laoreet dapibus purus purus eu metus. Quisque rutrum ultrices urna, eget adipiscing justo ultrices et.
Donec malesuada felis a sem consectetur scelerisque?
Fusce at justo ac augue blandit faucibus eu quis nibh. Donec malesuada felis a sem consectetur scelerisque.
Suspendisse a libero et urna tincidunt auctor?
Etiam adipiscing mollis velit, ac molestie magna elementum. Proin viverra convallis erat ac tempus. Nam scelerisque luctus pulvinar.
Suspendisse a libero et urna tincidunt auctor?
Ut feugiat, felis a luctus malesuada, enim nulla vehicula leo, laoreet dapibus purus purus eu metus. Quisque rutrum ultrices urna, eget adipiscing justo ultrices et.
Donec malesuada felis a sem consectetur scelerisque?
Fusce at justo ac augue blandit faucibus eu quis nibh. Donec malesuada felis a sem consectetur scelerisque.
Nulla condimentum gravida orci id dignissim?
Etiam adipiscing mollis velit, ac molestie magna elementum a. Proin viverra convallis erat ac tempus. Nam scelerisque luctus pulvinar.
Suspendisse a libero et urna tincidunt auctor?
Etiam adipiscing mollis velit, ac molestie magna elementum. Proin viverra convallis erat ac tempus. Nam scelerisque luctus pulvinar.
Aliquam luctus blandit dolor eget blandit?
Aenean tempus, urna in euismod ullamcorper, leo metus elementum lacus, sit amet viverra lacus quam vel nisi.
Donec malesuada felis a sem consectetur scelerisque?
Fusce at justo ac augue blandit faucibus eu quis nibh. Donec malesuada felis a sem consectetur scelerisque.
Nulla condimentum gravida orci id dignissim?
Etiam adipiscing mollis velit, ac molestie magna elementum a. Proin viverra convallis erat ac tempus. Nam scelerisque luctus pulvinar.
Aliquam luctus blandit dolor eget blandit?
Aenean tempus, urna in euismod ullamcorper, leo metus elementum lacus, sit amet viverra lacus quam vel nisi.
Nulla condimentum gravida orci id dignissim?
Etiam adipiscing mollis velit, ac molestie magna elementum a. Proin viverra convallis erat ac tempus. Nam scelerisque luctus pulvinar.
Suspendisse a libero et urna tincidunt auctor?
Etiam adipiscing mollis velit, ac molestie magna elementum. Proin viverra convallis erat ac tempus. Nam scelerisque luctus pulvinar.
Resources
