ACCORDIONS
To hide or show text in a retractable panel, use the accordion
element.
SINGLE OPEN ITEM
TOGGLES
To hide or show text in a retractable panel, use the FAQ
element.A good example of how the toggles can be used is in createing a Frequently Asked Question section by using multiple toggles. To have the toggle open on page load, set the ‘Default State’ option to open
; To have the toggle closed by default, set the ‘Default State’ option to Closed
OPEN TOGGLE
How can I find happiness?
Believe in yourself! Have faith in your abilities! Without a humble but reasonable confidence in your own powers you cannot be successful or happy.
CLOSED TOGGLE
How can I find happiness?
Believe in yourself! Have faith in your abilities! Without a humble but reasonable confidence in your own powers you cannot be successful or happy.
TOGGLE WITH CODE
show code
<ul> <li class="uk-nav-header uk-navbar-nav-subtitle">Menu Heading<div>Subtitle possible</div></li> <li><a href="#">[icon style="icon-envelope-o"/] Menu Icon</a></li> <li><a href="#">[icon style="icon-heart-o"/] Another Menu item</a></li> <li class="uk-nav-divider"></li> </ul>