https://tennis.website.yandexcloud.net/assets/js/home-faq.js

1/**
2 * Home FAQ accordion: плавное раскрытие через grid-template-rows,
3 * стрелка поворачивается, aria-expanded обновляется.
4 * Classes for the Tailwind scanner: vpe-faq-open -rotate-90 rotate-90 bg-brand-red border-brand-red text-white
5 */
6(function () {
7	"use strict";
8
9	document.querySelectorAll("[data-faq-item]").forEach(function (item) {
10		var btn = item.querySelector("[data-faq-toggle]");
11		var chevronWrap = item.querySelector("[data-faq-chevron]");
12		if (!btn) return;
13
14		btn.addEventListener("click", function () {
15			var open = !item.classList.contains("vpe-faq-open");
16			item.classList.toggle("vpe-faq-open", open);
17			btn.setAttribute("aria-expanded", open ? "true" : "false");
18			if (chevronWrap) {
19				var icon = chevronWrap.querySelector("svg");
20				if (icon) {
21					icon.classList.toggle("rotate-90", !open);
22					icon.classList.toggle("-rotate-90", open);
23				}
24				chevronWrap.classList.toggle("bg-brand-red", open);
25				chevronWrap.classList.toggle("border-brand-red", open);
26				chevronWrap.classList.toggle("text-white", open);
27				chevronWrap.classList.toggle("text-night", !open);
28			}
29		});
30	});
31})();