https://meb.gov.tr/assets/js/sss.js

1$(document).ready(function () {
2  //sorulan sorular sayfasında bulunan 4 basınca detay gösterme
3
4  document.addEventListener("DOMContentLoaded", function () {
5    const toggleButtons = document.querySelectorAll(".toggle-details");
6    const toggleLinks = document.querySelectorAll(".toggle-details2");
7
8    // Function to toggle visibility and update icon
9    function toggleDetails(element) {
10      const sorulanContent = element.closest(".sorulan");
11      const sorulanDetails = sorulanContent.querySelector(".sorulan-details");
12      const icon = sorulanContent.querySelector(".toggle-details i");
13
14      // Close all open details
15      document.querySelectorAll(".sorulan").forEach((item) => {
16        const itemDetails = item.querySelector(".sorulan-details");
17        const itemIcon = item.querySelector(".toggle-details i");
18        if (itemDetails.style.display === "block" && item !== sorulanContent) {
19          itemDetails.style.display = "none";
20          itemIcon.classList.remove("bi-arrow-up-short");
21          itemIcon.classList.add("bi-arrow-down-short");
22          item.classList.remove("active");
23        }
24      });
25
26      // Toggle active class
27      sorulanContent.classList.toggle("active");
28
29      // Toggle visibility
30      sorulanDetails.style.display =
31        sorulanDetails.style.display === "block" ? "none" : "block";
32
33      // Toggle icon
34      icon.classList.toggle("bi-arrow-up-short");
35      icon.classList.toggle("bi-arrow-down-short");
36    }
37
38    // Event listeners for .toggle-details elements
39    toggleButtons.forEach((button) => {
40      button.addEventListener("click", function (event) {
41        event.preventDefault(); // Prevent default link behavior
42        toggleDetails(button);
43      });
44    });
45
46    // Event listeners for .toggle-details2 elements
47    toggleLinks.forEach((link) => {
48        alert(1);
49      link.addEventListener("click", function (event) {
50        event.preventDefault(); // Prevent default link behavior
51        toggleDetails(link);
52      });
53    });
54  });
55});