@ritterim/platform-ui/src/js/info-box.js

A CSS framework used by Ritter Insurance Marketing (RIM) for our platform of agent tools.

let infoBoxes = document.querySelectorAll('.info-box');

if (infoBoxes) {
  infoBoxes.forEach((infoBox) => {
    const toggle = infoBox.querySelector('.toggle-hidden');
    const content = infoBox.querySelector('.info-box__content');
    const closeButtons = infoBox.querySelectorAll('.info-box__close');

    toggle.addEventListener('click', (e) => {
      e.preventDefault();
      content.parentElement.classList.toggle('active');
    });

    closeButtons.forEach((closeButton) => {
      closeButton.addEventListener('click', () => {
        content.parentElement.classList.remove('active');
      });
    });
  });
}