Skip to content
document.addEventListener('DOMContentLoaded', function () {
const button = document.querySelector('.f6-music-button');
const panel = document.querySelector('.f6-music-panel');
if (!button || !panel) return;
// Open / close on button click
button.addEventListener('click', function (e) {
e.stopPropagation();
panel.classList.toggle('f6-open');
button.classList.toggle('f6-active');
});
// Close when clicking outside
document.addEventListener('click', function (e) {
if (panel.contains(e.target) || button.contains(e.target)) return;
panel.classList.remove('f6-open');
button.classList.remove('f6-active');
});
});
document.addEventListener("DOMContentLoaded", function () {
const btn = document.querySelector(".f6-music-button");
const panel = document.querySelector(".f6-music-panel");
if (!btn || !panel) return;
btn.addEventListener("click", () => {
panel.classList.toggle("f6-open");
});
});
