Elements: Toggle

Shows what elements look like within LibGuides and our current CSS. Intended audience: UofL Libraries web content providers.

Toggle Example

Question 1

Question 2

Toggle Code

<div class="toggle" tabindex="0" onkeypress="toggle('faq_a1')" onclick="toggle('faq_a1')">
<div class="faq-q">Question 1</div>
<div class="faq-a" id="faq_a1" style="display: none;">
Answer 1
</div>
</div>

<div class="toggle" tabindex="0" onkeypress="toggle('faq_a2')" onclick="toggle('faq_a2')">
<div class="faq-q">Question 2</div>
<div class="faq-a" id="faq_a2" style="display: none;">
Answer 2
</div>
</div>