<button id="lang-menu-open">Open</button>
<ul class="lang-menu">
  <li><a href="/english">English</a></li>
  <li><a href="/spanish">Español</a></li>
  <li><a href="/french">Français</a></li>
  <li><a href="/arabic">عربى</a></li>
  <li><a href="/portuguese">Português</a></li>
</ul>
.lang-menu {
  display: none;
  
  &.open {
    display: block;
  }
}
const langButton = document.getElementById('lang-menu-open')

const langMenu = document.querySelector('.lang-menu')

langButton.addEventListener('click', () => langMenu.classList.toggle('open'))

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.