Невозможно облегчить весь контейнер при повторном нажатии ⇐ Javascript

[Гость]

У меня проблема с кодом:

Хотя я пытаюсь создать код для возврата всего контейнера в базовое состояние, он закрывает только подразделы, а не весь раздел в базовое состояние, возможно, вы сможете увидеть, где ошибка в мой код, я думаю, что слишком устал, чтобы справиться с этим самостоятельно, и мне нужно закончить это как можно скорее. Ниже вы можете найти весь код:

тело { дисплей: гибкий; оправдание-содержание: центр; выровнять-элементы: по центру; высота: 100вх; маржа: 0; } .контенер { цвет фона: оранжевый; курсор: указатель; поле: 5 пикселей; ширина: 300 пикселей; положение: относительное; радиус границы: 10 пикселей; переполнение: скрыто; переход: максимальная высота 0,3 с; } .poziom-1 { дисплей: гибкий; оправдание-содержание: пространство между; выровнять-элементы: по центру; отступ: 10 пикселей; } .poziom-2 { максимальная высота: 0; переполнение: скрыто; переход: максимальная высота 0,3 с; отступ слева: 20 пикселей; } .linia-pozioma { ширина: 100%; border-top: 1 пиксель, сплошной #333; позиция: абсолютная; слева: 0; } .kontener.rozwiniete .poziom-2 { максимальная высота: 1000 пикселей; /* Dostosuj maxsymalną wysokość */ } .kontener.rozwiniete .poziom-1 .znak-rozwijania { преобразование: поворот (90 градусов); } .znak-rozwijania { размер шрифта: 24 пикселей; } .grafika-rozwijania { размер шрифта: 20 пикселей; поле слева: 10 пикселей; } Главный текст 1 ▶ Подпункт 1 ▶ - Под-подпункт 1
- Под-подпункт 2
Подпункт 2 ▶ - Под-подпункт 3
- Под-подпункт 4
функция toggleRozwijanie(element) { const kontenerGlowny = element.closest(".kontener"); const poziom2 = element.nextElementSibling; const ikonaRozwijania = element.querySelector(".znak-rozwijania i"); const grafikaRozwijania = element.querySelector(".grafika-rozwijania"); if (kontenerGlowny.classList.contains("rozwiniete")) { poziom2.style.maxHeight = ноль; ikonaRozwijania.classList.remove("fa-caret-down"); ikonaRozwijania.classList.add("fa-caret-right"); графикаRozwijania.textContent = "\u25B6"; // Змяна на улице в право kontenerGlowny.classList.remove("rozwiniete"); } еще { // Zwijanie innych otwartych kontenerów const otwarteKontenery = document.querySelectorAll(".kontener.rozwiniete"); otwarteKontenery.forEach((kontener) => { const poziomy2 = kontener.querySelectorAll(".poziom-2"); poziomy2.forEach((poziom) => { poziom.style.maxHeight = null; }); const ikonyRozwijania = kontener.querySelectorAll(".znak-rozwijania i"); ikonyRozwijania.forEach((ikona) => { ikona.classList.remove("fa-caret-down"); ikona.classList.add("fa-caret-right"); }); const grafikiRozwijania = kontener.querySelectorAll(".grafika-rozwijania"); графикиRozwijania.forEach((графика) => { Graphics.textContent = "\u25B6"; }); Container.classList.remove("расширено"); }); const allSubpoints =ContainerMain.querySelectorAll(".level-2"); const Subpointsheight = Array.from(allSubpoints).reduce((sum, subpoint) => { вернуть сумму + subitem.scrollHeight; }, 0); level2.style.maxHeight = высота Подпункта + «px»; iconExpand.classList.remove("fa-caret-right"); Расширение icon.classList.add("fa-caret-down"); графикиExpand.textContent = "\u25BC"; // Переходим к стрелке вниз ContainerMain.classList.add("расширенный"); } }