Diferencia entre revisiones de «MediaWiki:Minerva.js»

← Edición anterior Edición siguiente →

@@ Línea 25: / Línea 25: @@
    );
-document.querySelector("#p-main-categories .title-recommended").addEventListener("click", function () {
+// Recommended Documents 토글
-    openList(this, "recommended-open");
+document.querySelector('#p-main-categories .title-recommended')
-});
+    .addEventListener('click', function (event) {
-document.querySelector("#p-main-categories .title-category").addEventListener("click", function () {
+        event.stopPropagation(); // 사이드바 닫힘 방지
-  openList(this, "category-open");
+        openList(this, '.recommended');
-});
+    });
+// Browse by Category 토글
+document.querySelector('#p-main-categories .title-category')
+    .addEventListener('click', function (event) {
+        event.stopPropagation(); // 사이드바 닫힘 방지
+        openList(this, '.category');
+    });
-function openList(titleLi, listClass) {
-  var list = document.querySelector("#p-main-categories");
-  if (list.classList.contains(listClass)) {
-    list.classList.remove(listClass);
-  } else {
-    list.classList.add(listClass);
-  }
-  if (titleLi.classList.contains("open")) {
+function openList(titleLi, selector) {
-     titleLi.classList.remove("open");
+    titleLi.classList.toggle('open');
-  } else {
+     let next = titleLi.nextElementSibling;
-    titleLi.classList.add("open");
+    while (next && !next.classList.contains('title-recommended') && !next.classList.contains('title-category')) {
-  }
+        if (next.matches(selector)) {
+            next.style.display = (next.style.display === 'none' || next.style.display === '') ? 'block' : 'none';
+        }
+        next = next.nextElementSibling;
+    }
 }
@@ Línea 51: / Línea 54: @@
 document.querySelectorAll("iframe").forEach(function (iframe) {
    iframe.parentElement.classList.add("video-wrap");
+});
+mw.loader.using(['jquery']).then(function() {
+    $(function() {
+        var modal = $('#myLayer');
+        var btn = $('#selectLanguage'); // jQuery 선택자 사용
+        var span = $('.close-button').first();
+        btn.click(function() {
+            modal.show();
+        });
+        span.click(function() {
+            modal.hide();
+        });
+        $(window).click(function(event) {
+            if ($(event.target).is(modal)) {
+                modal.hide();
+            }
+        });
+    });
 });