MediaWiki:Common.js: Unterschied zwischen den Versionen
Aus Lost Dreams Of Tomorrow Wiki
Keine Bearbeitungszusammenfassung |
Keine Bearbeitungszusammenfassung |
||
| Zeile 1: | Zeile 1: | ||
$(document).ready(function(){ | // MediaWiki Sidebar Toggle Script | ||
$(document).ready(function() { | |||
// Finde alle sidebar-collapsible Überschriften | |||
$('.sidebar-collapsible').each(function() { | |||
var $header = $(this); | |||
var $portletBody = $header.next('.mw-portlet-body'); | |||
// Füge ein Icon hinzu | |||
if ($header.find('.toggle-icon').length === 0) { | |||
$header.prepend('<span class="toggle-icon">▼</span> '); | |||
} | } | ||
// Mache die Überschrift klickbar | |||
$header.css('cursor', 'pointer'); | |||
// Überprüfe den initialen Status (open/closed Klasse) | |||
$( | if (!$header.hasClass('open')) { | ||
$portletBody.hide(); | |||
$header.find('.toggle-icon').text('▶'); | |||
} | |||
// Click Event | |||
$header.on('click', function(e) { | |||
e.preventDefault(); | |||
var $icon = $(this).find('.toggle-icon'); | |||
var $body = $(this).next('.mw-portlet-body'); | |||
// Toggle | |||
if ($body.is(':visible')) { | |||
$body.slideUp(200); | |||
$icon.text('▶'); | |||
$(this).removeClass('open'); | |||
} else { | |||
$body.slideDown(200); | |||
$icon.text('▼'); | |||
$(this).addClass('open'); | |||
} | |||
}); | |||
}); | |||
}); | }); | ||
Version vom 11. Januar 2026, 04:26 Uhr
// MediaWiki Sidebar Toggle Script
$(document).ready(function() {
// Finde alle sidebar-collapsible Überschriften
$('.sidebar-collapsible').each(function() {
var $header = $(this);
var $portletBody = $header.next('.mw-portlet-body');
// Füge ein Icon hinzu
if ($header.find('.toggle-icon').length === 0) {
$header.prepend('<span class="toggle-icon">▼</span> ');
}
// Mache die Überschrift klickbar
$header.css('cursor', 'pointer');
// Überprüfe den initialen Status (open/closed Klasse)
if (!$header.hasClass('open')) {
$portletBody.hide();
$header.find('.toggle-icon').text('▶');
}
// Click Event
$header.on('click', function(e) {
e.preventDefault();
var $icon = $(this).find('.toggle-icon');
var $body = $(this).next('.mw-portlet-body');
// Toggle
if ($body.is(':visible')) {
$body.slideUp(200);
$icon.text('▶');
$(this).removeClass('open');
} else {
$body.slideDown(200);
$icon.text('▼');
$(this).addClass('open');
}
});
});
});