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

QMSU Performance Sport partner with the University of East London

Fri 09 May 2025

QMSU Performance Sport and University of East London have partnered so students get access to heavily discount

 
Join one of our new Talk Club x QMSU sessions this May

Tue 06 May 2025

Talk Club is a UK men's mental health charity helping men to improve their mental health. Join us for a sessio

 
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

 
 
see more news