MediaWiki:Common.js
Hinweis: Leere nach dem Veröffentlichen den Browser-Cache, um die Änderungen sehen zu können.
- Firefox/Safari: Umschalttaste drücken und gleichzeitig Aktualisieren anklicken oder entweder Strg+F5 oder Strg+R (⌘+R auf dem Mac) drücken
- Google Chrome: Umschalttaste+Strg+R (⌘+Umschalttaste+R auf dem Mac) drücken
- Internet Explorer/Edge: Strg+F5 drücken oder Strg drücken und gleichzeitig Aktualisieren anklicken
- Opera: Strg+F5
/* Das folgende JavaScript wird für alle Benutzer geladen. */
$(document).ready(function() {
console.log("Common.js wird geladen!");
// Ziel: Das HOSTING-Portal
var $portal = $('#p-HOSTING');
var $header = $portal.find('#p-HOSTING-label');
var $content = $portal.find('.vector-menu-content-list');
var isOpen = true; // Standardmäßig geöffnet
// Debugging
console.log("Portal gefunden:", $portal.length > 0 ? "Ja" : "Nein");
console.log("Header:", $header.text());
console.log("Untermenüs:", $content.find('li').length);
// Pfeil-Indikator hinzufügen (▼ für geöffnet)
$header.prepend('<span class="menu-indicator">▼</span> ');
// Styling für Header und Indikator
$header.css({
'cursor': 'pointer',
'font-weight': 'bold',
'display': 'flex',
'align-items': 'center'
});
$header.find('.menu-indicator').css({
'margin-right': '5px',
'transition': 'transform 0.3s ease' // Sanfte Rotation über 0.3 Sekunden
});
// Inhalt standardmäßig sichtbar
$content.show();
// Klick-Event mit synchroner Animation
$header.click(function(e) {
e.preventDefault();
var $indicator = $header.find('.menu-indicator');
if (isOpen) {
// Schließen: Inhalt einklappen, Pfeil nach rechts drehen
$content.slideUp(300);
$indicator.css({
'transform': 'rotate(-90deg)' // Dreht nach rechts (▶)
});
} else {
// Öffnen: Inhalt ausklappen, Pfeil nach unten drehen
$content.slideDown(300);
$indicator.css({
'transform': 'rotate(0deg)' // Dreht nach unten (▼)
});
}
isOpen = !isOpen; // Zustand umschalten
});
});