|
|
| (17 intermediate revisions by 2 users not shown) |
| Line 1: |
Line 1: |
| /* Any JavaScript here will be loaded for all users on every page load. */
| |
|
| |
|
| // COLLAPSIBLE HEADER
| |
| $(document).ready(function () {
| |
| $(".collapsible-header").each(function () {
| |
| var header = $(this);
| |
| var content = header.next(".collapsible-content");
| |
|
| |
| // Skip if there is no associated collapsible-content block
| |
| if (content.length === 0) return;
| |
|
| |
| // Check if the section should start open
| |
| var startsOpen = header.hasClass("open");
| |
|
| |
| // Hide content only if it should start closed
| |
| if (!startsOpen) {
| |
| content.hide();
| |
| }
| |
|
| |
| // Arrow indicator ▼ (closed) or ▲ (open)
| |
| var indicator = startsOpen ? "▲" : "▼";
| |
| header.append(' <span class="collapse-toggle">' + indicator + '</span>');
| |
|
| |
| // Make header clickable
| |
| header.css("cursor", "pointer");
| |
|
| |
| // Collapse / Expand behavior
| |
| header.on("click", function () {
| |
| content.slideToggle(200);
| |
|
| |
| // Toggle arrow
| |
| var toggle = header.find(".collapse-toggle");
| |
| var isOpen = toggle.text() === "▲";
| |
| toggle.text(isOpen ? "▼" : "▲");
| |
|
| |
| // Toggle class for CSS rotation (optional)
| |
| header.toggleClass("open");
| |
| });
| |
| });
| |
| });
| |
