MediaWiki:Test.js: различия между версиями

Версия от 07:31, 10 мая 2025

document.addEventListener('DOMContentLoaded', function () {
  var toggles = document.querySelectorAll('.lore-toggle');
  toggles.forEach(function (toggle) {
    toggle.addEventListener('click', function () {
      var list = this.nextElementSibling;
      if (list) {
        if (list.style.display === 'block') {
          list.style.display = 'none';
        } else {
          list.style.display = 'block';
        }
      }
    });
  });
});

@@ Строка 1: / Строка 1: @@
-.lore-dropdown {
+document.addEventListener('DOMContentLoaded', function () {
-   position: relative;
+   var toggles = document.querySelectorAll('.lore-toggle');
-  display: inline-block;
+   toggles.forEach(function (toggle) {
-}
+    toggle.addEventListener('click', function () {
+      var list = this.nextElementSibling;
-.lore-toggle {
+      if (list) {
-  background-color: #1c1c1c;
+        if (list.style.display === 'block') {
-   color: #e0e0e0;
+          list.style.display = 'none';
-  padding: 8px 16px;
+        } else {
-  cursor: pointer;
+          list.style.display = 'block';
-  font-weight: bold;
+        }
-  border: 2px solid #4b7a9a;
+      }
-  border-radius: 6px;
+    });
-  display: inline-block;
+   });
-  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
+});
-  font-family: 'Segoe UI', sans-serif;
-  box-shadow: inset 0 0 4px rgba(75,122,154,0.4);
-}
-.lore-toggle:hover {
-  background-color: #2a2a2a;
-  border-color: #69a3c8;
-  color: #ffffff;
-}
-.lore-list {
-  display: none; /* Скрыто по умолчанию */
-  position: absolute;
-  background-color: #2a2a2a;
-  min-width: 160px;
-  z-index: 1;
-  list-style: none;
-  margin: 0;
-  padding: 4px 0;
-  border-radius: 4px;
-  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
-}
-.lore-list li a {
-  color: white;
-  padding: 8px 12px;
-  text-decoration: none;
-  display: block;
-  font-family: 'Segoe UI', sans-serif;
-}
-.lore-list li a:hover {
-   background-color: #444;
-}