MediaWiki: Vector.js: Unterschied zwischen den Versionen

Aus UDI
Wechseln zu: Navigation, Suche
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
Zeile 2: Zeile 2:


$(document).ready(function() {
$(document).ready(function() {
    // Standard: Den ersten Tab aktiv setzen
     $('.nav-tabs li:first-child').addClass('active');
     $('.nav-tabs li:first-child').addClass('active');
     $('.tab-content .tab-pane:first-child').addClass('active');
     $('.tab-content .tab-pane:first-child').addClass('active');
    // Tab-Wechsel per Klick
     $('.nav-tabs li').click(function() {
     $('.nav-tabs li').click(function() {
         var target = $(this).find('[data-target]').attr('data-target');  
         var target = $(this).find('span').attr('data-target');  
         $('.nav-tabs li').removeClass('active');  
         if (target) {
        $(this).addClass('active');
            $('.nav-tabs li').removeClass('active'); // Alle Tabs deaktivieren
        $('.tab-content .tab-pane').removeClass('active'); // Alle Inhalte ausblenden
            $(this).addClass('active'); // Geklickten Tab aktivieren
        $(target).addClass('active');  
 
            $('.tab-content .tab-pane').removeClass('active');  
            $(target).addClass('active'); // Gewählten Inhalt anzeigen
        }
     });
     });
     $('#closeAct
     $('#closeActiveTab').click(function() {
        $('.nav-tabs li').removeClass('active');
        $('.tab-content .tab-pane').removeClass('active');
    });
});

Version vom 18. März 2025, 21:16 Uhr

/* Das folgende JavaScript wird für Benutzer der Vector-Benutzeroberfläche geladen. */

$(document).ready(function() {
    // Standard: Den ersten Tab aktiv setzen
    $('.nav-tabs li:first-child').addClass('active');
    $('.tab-content .tab-pane:first-child').addClass('active');
    $('.nav-tabs li').click(function() {
        var target = $(this).find('span').attr('data-target'); 
        if (target) {
            $('.nav-tabs li').removeClass('active'); // Alle Tabs deaktivieren
            $(this).addClass('active'); // Geklickten Tab aktivieren

            $('.tab-content .tab-pane').removeClass('active'); 
            $(target).addClass('active'); // Gewählten Inhalt anzeigen
        }
    });
    $('#closeActiveTab').click(function() {
        $('.nav-tabs li').removeClass('active');
        $('.tab-content .tab-pane').removeClass('active');
    });
});