ARIA Toggle Blocks Examples

Example 1

content that is toggled


Example 2: Open by default

content that is toggled


Example 3: will fail in no-js scenarios

content that is toggled

Due to a mismatch in the panel id and the href, the appropriate link between the anchor and the div is not correct. The script will fix this for you, but if JavaScript is disabled, this won't function properly.


Example 4: Failed Toggle - no panel

This failed the toggle block create function because has no set panel class.


Example 5: Failed Toggle - no trigger

This failed the toggle block create function because has no set trigger class.


Example 6: Minimal Markup Setup

content that is toggled


Example 7: Parent Toggle

content that is toggled

Example 8: Nested Toggle (don't do this...)

Maybe you should be using an accordion instead?