Dropdowns act as a way of tucking away information that users may not need immediately. They're great for FAQs and text-heavy pages.
What do they look like?
This is a dropdown title, click me!
This is the hidden content that will be revealed when the title is clicked.
This is a dropdown title, click me!
This is the hidden content that will be revealed when the title is clicked.
This is a dropdown title, click me!
This is the hidden content that will be revealed when the title is clicked.
How do I use them?
With ease! Just copy and paste the code below into the Source view of your page. Each code will give you one dropdown. Just paste in as many as you need and edit the content.
<div class="dropdown">
<div class="dropdown-title">This is a dropdown title, click me!</div>
<div class="dropdown-content">
<p>This is the hidden content that will be revealed when the title is clicked.</p>
</div>
</div>