document.addEventListener("DOMContentLoaded", function () {
    const btn = document.getElementById("toggle-rows-btn");
    const moreRows = document.querySelectorAll(".more-rows");
    let isExpanded = false;

    if (btn) {
        btn.addEventListener("click", function () {
            isExpanded = !isExpanded;
            moreRows.forEach(row => {
                row.style.display = isExpanded ? "" : "none";
            });
            btn.textContent = isExpanded ? "" : "";
        });
    }
});