Admin - Admin Dashboard

Title

Content

<div class="accordion-column" style="flex:1 1 48%; min-width:300px;">
          <div class="accordion-section">
    <div class="accordion-header">
      <h6 class="accordion-title">UNITED KINGDOM</h6>
      <span class="accordion-icons">+</span>
    </div>
    <div class="accordion-content">
      <ul>
     <li>University of Exeter </li>
 <li>Queen's University Belfast</li>
 <li>Queen Mary University of London </li>
 <li>University of Leeds</li>
 <li>University of Cambridge, Institute of Criminology</li>
 <li>University of Oxford - Somerville College</li>
 <li>University of Southampton</li>
 <li>King's College London (KCL)</li>
 <li>University of Birmingham</li>
 <li>Nottingham Trent University</li>
 <li>University of Nottingham</li>
 <li>Birmingham City University</li>
 <li>Brunel University</li>
 <li>Derby University</li>
 <li>Aston University</li>
 <li>University of Essex</li>
 <li>Association of Chartered Certified Accountants (ACCA)</li>
 <li>University of Sheffield</li>
 <li>University of Lincoln</li>
 <li>University of Bristol</li>
 <li>Loughborough University London</li>
 <li>University of Reading</li>
 <li>Murray Edwards College</li>
 <li>Lucy Cavendish College</li>
 <li>University of Stirling</li>
 <li>University of Newcastle Upon Tyne's</li>
 <li>City University of London</li>
 <li>University of Edinburgh</li>
 <li>Inchbald School of Design</li>
 <li>University of Sussex</li>
 <li>University of Westminster</li>
 <li>University of Plymouth</li>
 <li>University of Liverpool</li>
 <li>Edge Hill University</li>
 <li>Durham University </li>
 <li>University of Kent</li>
 <li>University of the West of Scotland </li>
 <li>Queen Margaret University </li>
 <li>Abertay University </li>
 <li>University of Glasgow </li>
 <li>Cardiff University</li>
 <li>University of Huddersfield</li>
 <li>University of York</li>
 <li>University of Portsmouth </li>
 <li>SOAS University of London </li>
 <li>University of Hull</li>
 <li>University of Manchester </li>
 <li>University of Bournemouth</li>
 <li>Hult International Business School</li>
 <li>Royal Holloway, University of London</li>
 <li>University of Bath </li>
 <li>Kingston University</li>
 <li>De Montfort University </li>
 <li>University of Leicester 
</li>

</ul>
    </div>
  </div>

</div>

<div class="accordion-column" style="flex:1 1 48%; min-width:300px;">

<div class="accordion-section">
    <div class="accordion-header">
      <h6 class="accordion-title">IRELAND</h6>
      <span class="accordion-icons">+</span>
    </div>
    <div class="accordion-content">
      <ul>
    <li>Maynooth University</li>
    <li>Trinity College Dublin</li>
    <li>Youth Forum on Foreign Policy</li>
    <li>University College Cork – National University of Ireland</li>
    <li>University of Galway</li>
      </ul>
    </div>
  </div>
</div>
</div>

allHeaders.forEach(header => {
  header.addEventListener('click', () => {
    const section = header.parentElement;
    const content = header.nextElementSibling;
    const isActive = section.classList.contains('active');

// Close all sections
    document.querySelectorAll('.accordion-section.active').forEach(activeSection => {
      activeSection.classList.remove('active');
      activeSection.querySelector('.accordion-content').style.maxHeight = '0';
      activeSection.querySelector('.accordion-icons').textContent = '+';
    });

// Toggle current section
    if (!isActive) {
      section.classList.add('active');
      content.style.maxHeight = content.scrollHeight + "px";
     section.querySelector('.accordion-icons').textContent = '-';
    }
  });
});

// Set initial open section max-height
document.querySelectorAll('.accordion-section.active .accordion-content').forEach(content => {
  content.style.maxHeight = content.scrollHeight + "px";
});
</script>
                </div>

Sidebar Type

Image

Edit Page