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">
     <div class="dropdown-title">
          <h5>This is a dropdown title, click me!</h5>
     </div>

     <div class="dropdown-content">
          <p>This is the hidden content that will be revealed when the title is clicked.</p>
     </div>
</div>

What if the page I'm editing has existing dropdowns, and the code looks different?

That's going to be pretty common. We've simplified the code to make it easier for you to edit your pages, but there's so many dropdowns across the site that we're updating them as and when the pages need updating, so you may find that the code you're looking at looks very different.

Please copy and paste the content to a document (not the code - just the text in the dropdowns!) and then transfer it into these new dropdowns. They're much easier to use!

 

Recent News

Charlotte & Stephen are running the London Marathon

Fri 25 Apr 2025

Our inspiring QMSU staff members Charlotte & Stephen are running the London Marathon for Mind & Bliss. Read th

 
Advice & Support: International Students: Transition from BRP to eVisa

Thu 17 Apr 2025

The traditional Biometric Residence Permit (BRP) has been phased out and replaced by the new electronic visa (

 
Best Students' Union nomination

Tue 15 Apr 2025

We’ve proud to announce that we’ve been shortlisted for Best Students’ Union in the 2025 WhatUni Student Choic

 
Easter Vacation Opening Hours 2025

Mon 14 Apr 2025

We will be opening at slightly different times from this week to take into account the National Easter Holiday

 
An update on campus community relations and financial investments

Mon 14 Apr 2025

Over the past months, the University and the Students’ Union have been meeting to see how we can provide bette

 
 
see more news