https://films.mediaed.org/Content/CSSContent?applicationId=B630D36…6-4E65-8537-2AB61D609EB6&fileName=script.js

1// Dropdowns
2function toggleDropdown(contentId) {
3    var isAlreadyOpen = $("#" + contentId).hasClass("open");
4
5    // Close all dropdowns
6    $(".dropdown-content").removeClass("open");
7    $(".dropbtn").removeClass("active");
8
9    // Show the clicked dropdown
10    if (!isAlreadyOpen) {
11        $("#" + contentId).addClass("open");
12        $("#" + contentId).prev(".dropbtn").addClass("active");
13    }
14}
15
16document.onclick = function (e) {
17    var clickedElement = $(e.target);
18    var dropbtn = clickedElement.closest(".dropbtn");
19
20    if (dropbtn.length === 0) {
21        $(".dropdown-content").removeClass("open");
22        $(".dropbtn").removeClass("active");
23    } else {
24        var dropdownContent = dropbtn.next(".dropdown-content");
25        if (!dropdownContent.hasClass("open")) {
26            $(".dropdown-content").removeClass("open");
27            $(".dropbtn").removeClass("active");
28        }
29    }
30};