Тест: различия между версиями

Версия от 08:32, 8 мая 2025

@@ Строка 1: / Строка 1: @@
-<ul class="dropdown-container">
+<div class="mobile-dropdown-container">
-<li class="dropdown">
+<button class="pc-dropdown-toggle" onclick="toggleDropdown('pc-dropdown-container')">Развернуть</button>
-Федерация
+<ul class="mobile-dropdown-list">
-<ul class="dropdown-list">
+<li>[[Объединённое Правительство Земли]]</li>
-<li class="dropdown-item">[[Объединённое Правительство Земли]]</li>
+<li>[[Автономное Содружество Кантесс]]</li>
-<li class="dropdown-item">[[Автономное Содружество Кантесс]]</li>
+<li>[[Магма-Карак]]</li>
-<li class="dropdown-item">[[Магма-Карак]]</li>
 </ul>
-</li>
+</div>
+<!-- Визуальная часть для ПК -->
+<div class="pc-dropdown-container">
+<button class="pc-dropdown-toggle" onclick="toggleDropdown('pc-dropdown-container')">Развернуть</button>
+<ul class="pc-dropdown-list">
+<li>[[Объединённое Правительство Земли]]</li>
+<li>[[Автономное Содружество Кантесс]]</li>
+<li>[[Магма-Карак]]</li>
 </ul>
+</div>
+<script>
+// Функция для переключения видимости выпадающего списка
+function toggleDropdown(containerClass) {
+const container = document.querySelector(`.${containerClass}`);
+container.classList.toggle('open');
+}
+</script>