Bootstrap Collapse without importing Bootstrap JS

collapse.js

document.querySelectorAll('[data-bs-toggle="collapse"]').forEach(button => {
    button.addEventListener("click", (event) => {
        event.preventDefault();
        let targetSelector = button.getAttribute("data-bs-target");
        let target = document.querySelector(targetSelector);

        if (target) {
            let isCollapsed = target.classList.contains("show");
            if (isCollapsed) {
                collapseElement(target);
            } else {
                expandElement(target);
            }
        }
    });
});

document.querySelectorAll('[data-bs-dismiss="collapse"]').forEach(button => {
    button.addEventListener("click", () => {
        let targetSelector = button.getAttribute("data-bs-target");
        let target = document.querySelector(targetSelector);
        if (target) collapseElement(target);
    });
});

function collapseElement(element) {
    element.style.height = element.scrollHeight + "px";
    setTimeout(() => {
        element.style.height = "0px";
        element.classList.remove("show");
    }, 10);
}

function expandElement(element) {
    element.style.height = "auto";
    let height = element.scrollHeight + "px";
    element.style.height = "0px";
    element.classList.add("show");
    setTimeout(() => {
        element.style.height = height;
    }, 10);
}