MediaWiki:Common.js: Unterschied zwischen den Versionen

Aus MILLENNIUM ARTS ISP - Hilfe | FAQ
Zur Navigation springen Zur Suche springen
KKeine Bearbeitungszusammenfassung
KKeine Bearbeitungszusammenfassung
Zeile 1: Zeile 1:
/* Das folgende JavaScript wird für alle Benutzer geladen. */
/* Das folgende JavaScript wird für alle Benutzer geladen. */
console.log("Common.js wird geladen!");
$(document).ready(function() {
$(document).ready(function() {
     console.log("Common.js wird geladen!");
     console.log("Common.js wird geladen!");
Zeile 27: Zeile 26:
     $header.find('.menu-indicator').css({
     $header.find('.menu-indicator').css({
         'margin-right': '5px',
         'margin-right': '5px',
         'transition': 'transform 0.3s ease' // Sanfte Rotation
         'transition': 'transform 0.1s ease' // Sanfte Rotation
     });
     });
      
      

Version vom 30. März 2025, 11:01 Uhr

/* 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 = false;

    // Debugging
    console.log("Portal gefunden:", $portal.length > 0 ? "Ja" : "Nein");
    console.log("Header:", $header.text());
    console.log("Untermenüs:", $content.find('li').length);

    // Indikator hinzufügen (Plus-Symbol als Standard)
    $header.prepend('<span class="menu-indicator">+</span> ');
    
    // Styling für Header und Indikator
    $header.css({
        'cursor': 'pointer',
        'font-weight': 'bold',
        'display': 'flex', // Für bessere Ausrichtung
        'align-items': 'center'
    });
    $header.find('.menu-indicator').css({
        'margin-right': '5px',
        'transition': 'transform 0.1s ease' // Sanfte Rotation
    });
    
    // Inhalt standardmäßig einklappen
    $content.hide();

    // Klick-Event
    $header.click(function(e) {
        e.preventDefault();
        $content.slideToggle(300, function() {
            // Zustand aktualisieren und Indikator ändern
            isOpen = !isOpen;
            var $indicator = $header.find('.menu-indicator');
            if (isOpen) {
                $indicator.text('−'); // Minus bei geöffnet
                $indicator.css('transform', 'rotate(0deg)');
            } else {
                $indicator.text('+'); // Plus bei geschlossen
                $indicator.css('transform', 'rotate(0deg)'); // Zurücksetzen
            }
        });
    });
});