// Dropdowns
function toggleDropdown(contentId) {
    var isAlreadyOpen = $("#" + contentId).hasClass("open");

    // Close all dropdowns
    $(".dropdown-content").removeClass("open");
    $(".dropbtn").removeClass("active");

    // Show the clicked dropdown
    if (!isAlreadyOpen) {
        $("#" + contentId).addClass("open");
        $("#" + contentId).prev(".dropbtn").addClass("active");
    }
}

document.onclick = function (e) {
    var clickedElement = $(e.target);
    var dropbtn = clickedElement.closest(".dropbtn");

    if (dropbtn.length === 0) {
        $(".dropdown-content").removeClass("open");
        $(".dropbtn").removeClass("active");
    } else {
        var dropdownContent = dropbtn.next(".dropdown-content");
        if (!dropdownContent.hasClass("open")) {
            $(".dropdown-content").removeClass("open");
            $(".dropbtn").removeClass("active");
        }
    }
};