Mobirise-Tutorials.com

Code: Alles auswählen

<script>
document.addEventListener('DOMContentLoaded', function () {
  // Im Editor nie eingreifen
  if (document.body.classList.contains('is-builder')) return;

  // A) Eventuelle Tooltip/Param-Reste entschärfen
  document.querySelectorAll(
    '[title*="Mega-Menü immer offen"], [data-bs-original-title*="Mega-Menü immer offen"]'
  ).forEach(function (el) {
    el.removeAttribute('title');
    el.removeAttribute('data-bs-original-title');
    if (el.getAttribute('data-bs-toggle') === 'tooltip' || el.getAttribute('data-bs-toggle') === 'popover') {
      el.removeAttribute('data-bs-toggle');
    }
    if (window.bootstrap?.Tooltip) {
      var inst = bootstrap.Tooltip.getInstance(el);
      if (inst) inst.dispose();
    }
  });

  // B) Klicks im Mega-Panel behandeln & Dropdown schließen (nur wenn gewünscht)
  // Wenn du "nur außen/Toggle schließt" willst, kannst du B) weglassen.
  document.querySelectorAll('.mega-dropdown-content').forEach(function (menu) {
    menu.addEventListener('click', function (e) {
      // Interaktive Elemente dürfen weiter funktionieren, alles andere stoppt
      var interactive = e.target.closest('a, button, input, select, textarea, label');
      if (!interactive) e.preventDefault();
      e.stopPropagation();

      var toggle = this.closest('.dropdown')?.querySelector('[data-bs-toggle="dropdown"]');
      if (toggle && window.bootstrap?.Dropdown) {
        bootstrap.Dropdown.getOrCreateInstance(toggle).hide();
      }
    }, true); // capture
  });
});
</script>