OV Menu Inferior Acordeón - OV DIVI

<audio id="ov-mia-snd-open" src="/menu-playin.mp3"></audio>
<audio id="ov-mia-snd-close" src="/menu-playout.mp3"></audio>
<audio id="ov-mia-snd-hover" src="/hover-short.mp3"></audio>

<script>
const ovMiaMenu         = document.getElementById('ov-mia-bottomMenu');
const ovMiaHeaderBar    = document.getElementById('ov-mia-headerClick');
const ovMiaSndOpen      = document.getElementById('ov-mia-snd-open');
const ovMiaSndClose     = document.getElementById('ov-mia-snd-close');
const ovMiaSndHover     = document.getElementById('ov-mia-snd-hover');
const ovMiaToggleButton = document.getElementById('ov-mia-toggleButton');
const ovMiaIcon         = ovMiaToggleButton ? ovMiaToggleButton.querySelector('.et-pb-icon') : null;
let ovMiaOriginalIcon   = ovMiaIcon ? ovMiaIcon.innerHTML : '';

function ovMiaPlay(snd){
  if (snd) {
    snd.currentTime = 0;
    snd.play().catch(()=>{});
  }
}

function ovMiaCloseMenu() {
  if (ovMiaMenu.classList.contains('ov-mia-open')) {
    ovMiaPlay(ovMiaSndClose);
    ovMiaMenu.classList.remove('ov-mia-open');
    if (ovMiaIcon) {
      ovMiaIcon.innerHTML = ovMiaOriginalIcon;
    }
  }
}

function ovMiaToggleMenu() {
  const opened = ovMiaMenu.classList.contains('ov-mia-open');
  if (opened) {
    ovMiaCloseMenu();
  } else {
    ovMiaPlay(ovMiaSndOpen);
    ovMiaMenu.classList.add('ov-mia-open');
    if (ovMiaIcon) {
      ovMiaIcon.textContent = '✕';
    }
  }
}

ovMiaHeaderBar.addEventListener('click', ovMiaToggleMenu);

document.addEventListener('click', e => {
  if (e.target.closest('.ov-close-menu')) {
    ovMiaCloseMenu();
  }
});

document.addEventListener('keydown', e => {
  if (e.key === "Escape" && ovMiaMenu.classList.contains('ov-mia-open')) {
    ovMiaCloseMenu();
  }
});

document.querySelectorAll('.ov-mia-blurb').forEach(blurb => {
  blurb.addEventListener('mouseenter', () => {
    ovMiaPlay(ovMiaSndHover);
  });
});
</script>