Another common element that you see online is the accordion. This is where you can hide content when you click on a button to show content. So let's get into the accordion by adding the following code after our Joyride code; this will be on or around line 220:
<div class="row"> <dl class="accordion" data-accordion> <dd class="accordion-navigation"> <a href="#accordion1">Accordion 1</a> <div id="accordion1" class="content active"> <div id="accordion1" class="content"> Accordion 1 content. </div> </div> </dd> <dd class="accordion-navigation"> <a href="#accordion2">Accordion 2</a> <div id="accordion2" class="content"> <div id="accordion2" class="content"> Accordion 2 content. </div> </div> </dd> <dd class="accordion-navigation"> <a href="#accordion3">...