Back to top

Dropdowns

Dropdowns act as a way of tucking away information that users may not need immediately. They're great for FAQs and text-heavy pages.

content

What do they look like?

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-container">
     <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>

Related articles

Adding, editing and removing resources

Some pages, such as in the Our Story and Elections sections, have resource lists to make things easier to find and access.

Icons

Icons add a lot to a page and make it feel much less flat and text-heavy. They're also great for making information easily findable on a page, like phone numbers and addresses.

Bullet lists

Make instructions stand out with a featured bullet list.

Powered by MSL