document.addEventListener("DOMContentLoaded", function () {
document.querySelectorAll(".toggle-sub").forEach(function (btn) {
btn.addEventListener("click", function () {
const grid = this.previousElementSibling;
const extraSubs = grid.querySelectorAll(".extra-sub");
const isExpanded = extraSubs[0].style.display === "block";extraSubs.forEach(el => {
el.style.display = isExpanded ? "none" : "block";
});this.textContent = isExpanded ? "+ Show More" : "− Show Less";
});
});
}); 
