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">BULGARIA</h6>
      <span class="accordion-icons">+</span>
    </div>
    <div class="accordion-content">
      <ul>
    <li> Sofia University</li>
<li>Varna University of Management</li>
<li>University of National and World Economy
<li>South West University Neofit Rilski</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">RUSSIA</h6>
      <span class="accordion-icons">+</span>
    </div>
    <div class="accordion-content">
      <ul>
    <li>RANEPA – The Russian Presidential Academy of</li>
<li>National Economy and Public Administration</li></li>
<li>Saint Petersburg State University</li></li>
<li>Russian State University for the Humanities</li>
<li>National Research University Higher School of Economics</li>
<li>Far Eastern Federal University (FEFU)</li>
      </ul>
    </div>
  </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>

Sidebar Type

Image

Edit Page