MediaWiki:Common.js: Unterschied zwischen den Versionen
Erscheinungsbild
Gerard (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
Gerard (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
||
| Zeile 1: | Zeile 1: | ||
/* ============================================================ | /* ============================================================ | ||
Sidebar einklappbar – | Sidebar einklappbar – Vector‑2022 Hybrid (funktioniert sicher) | ||
============================================================ */ | ============================================================ */ | ||
| Zeile 25: | Zeile 25: | ||
const saved = localStorage.getItem(key); | const saved = localStorage.getItem(key); | ||
if (saved === 'collapsed') { | if (saved === 'collapsed') { | ||
content.hide(); | content.addClass('collapsed-content').hide(); | ||
heading.addClass('collapsed'); | heading.addClass('collapsed'); | ||
} | } | ||
| Zeile 34: | Zeile 34: | ||
e.stopPropagation(); | e.stopPropagation(); | ||
content.slideToggle(200) | content.slideToggle(200, function () { | ||
const collapsed = content.is(':hidden'); | |||
heading.toggleClass('collapsed', collapsed); | |||
localStorage.setItem(key, collapsed ? 'collapsed' : 'expanded'); | |||
}); | |||
}); | }); | ||
}); | }); | ||
}); | }); | ||
Version vom 26. Mai 2026, 14:09 Uhr
/* ============================================================
Sidebar einklappbar – Vector‑2022 Hybrid (funktioniert sicher)
============================================================ */
$(document).ready(function () {
$('.mw-portlet').each(function () {
const portlet = $(this);
const heading = portlet.find('.vector-menu-heading');
const content = portlet.find('.vector-menu-content');
if (!heading.length || !content.length) return;
// Falls keine ID vorhanden → generieren
let pid = portlet.attr('id');
if (!pid) {
pid = 'portlet-auto-' + Math.random().toString(36).substr(2, 9);
portlet.attr('id', pid);
}
const key = 'sidebar-state-' + pid;
// Zustand laden
const saved = localStorage.getItem(key);
if (saved === 'collapsed') {
content.addClass('collapsed-content').hide();
heading.addClass('collapsed');
}
// Klick
heading.css('cursor', 'pointer').on('click', function (e) {
e.preventDefault();
e.stopPropagation();
content.slideToggle(200, function () {
const collapsed = content.is(':hidden');
heading.toggleClass('collapsed', collapsed);
localStorage.setItem(key, collapsed ? 'collapsed' : 'expanded');
});
});
});
});