MediaWiki:Tab.js

Hinweis: Leere nach dem Speichern 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: Strg+F5 drücken oder Strg drücken und gleichzeitig Aktualisieren anklicken
• Opera: Gehe zu Menü → Einstellungen (Opera → Einstellungen auf dem Mac) und dann auf Datenschutz & Sicherheit → Browserdaten löschen → Gespeicherte Bilder und Dateien.

mw.loader.using( 'mediawiki.util', function () {

    // Wait for the page to be parsed
    $( document ).ready( function () { 


        $( '#link1' ).click( function ( event ) {
            event.preventDefault();
            $( '#link1' ).addClass('active');
            $( '#link2' ).removeClass('active');
            $( '#link3' ).removeClass('active');
            $( '#link4' ).removeClass('active');
            $( '#link5' ).removeClass('active');
            $( '#link6' ).removeClass('active');
            $( '#panel-1' ).removeClass('hide').addClass('show');
            $( '#panel-2' ).removeClass('show').addClass('hide');
            $( '#panel-3' ).removeClass('show').addClass('hide');
            $( '#panel-4' ).removeClass('show').addClass('hide');
            $( '#panel-5' ).removeClass('show').addClass('hide');
            $( '#panel-6' ).removeClass('show').addClass('hide');

        } );

        $( '#link2' ).click( function ( event ) {
            event.preventDefault();
            $( '#link2' ).addClass('active');
            $( '#link1' ).removeClass('active');
            $( '#link3' ).removeClass('active');
            $( '#link4' ).removeClass('active');
            $( '#link5' ).removeClass('active');
            $( '#link6' ).removeClass('active');
            $( '#panel-2' ).removeClass('hide').addClass('show');
            $( '#panel-1' ).removeClass('show').addClass('hide');
            $( '#panel-3' ).removeClass('show').addClass('hide');
            $( '#panel-4' ).removeClass('show').addClass('hide');
            $( '#panel-5' ).removeClass('show').addClass('hide');
            $( '#panel-6' ).removeClass('show').addClass('hide');

        } );

        $( '#link3' ).click( function ( event ) {
            event.preventDefault();
            $( '#link3' ).addClass('active');
            $( '#link2' ).removeClass('active');
            $( '#link1' ).removeClass('active');
            $( '#link4' ).removeClass('active');
            $( '#link5' ).removeClass('active');
            $( '#link6' ).removeClass('active');
            $( '#panel-3' ).removeClass('hide').addClass('show');
            $( '#panel-2' ).removeClass('show').addClass('hide');
            $( '#panel-1' ).removeClass('show').addClass('hide');
            $( '#panel-4' ).removeClass('show').addClass('hide');
            $( '#panel-5' ).removeClass('show').addClass('hide');
            $( '#panel-6' ).removeClass('show').addClass('hide');

        } );

        $( '#link4' ).click( function ( event ) {
            event.preventDefault();
            $( '#link4' ).addClass('active');
            $( '#link2' ).removeClass('active');
            $( '#link1' ).removeClass('active');
            $( '#link3' ).removeClass('active');
            $( '#link5' ).removeClass('active');
            $( '#link6' ).removeClass('active');
            $( '#panel-4' ).removeClass('hide').addClass('show');
            $( '#panel-2' ).removeClass('show').addClass('hide');
            $( '#panel-1' ).removeClass('show').addClass('hide');
            $( '#panel-3' ).removeClass('show').addClass('hide');
            $( '#panel-5' ).removeClass('show').addClass('hide');
            $( '#panel-6' ).removeClass('show').addClass('hide');

        } );

        $( '#link5' ).click( function ( event ) {
            event.preventDefault();
            $( '#link5' ).addClass('active');
            $( '#link2' ).removeClass('active');
            $( '#link1' ).removeClass('active');
            $( '#link3' ).removeClass('active');
            $( '#link4' ).removeClass('active');
            $( '#link6' ).removeClass('active');
            $( '#panel-5' ).removeClass('hide').addClass('show');
            $( '#panel-2' ).removeClass('show').addClass('hide');
            $( '#panel-1' ).removeClass('show').addClass('hide');
            $( '#panel-3' ).removeClass('show').addClass('hide');
            $( '#panel-4' ).removeClass('show').addClass('hide');
            $( '#panel-6' ).removeClass('show').addClass('hide');

        } );

        $( '#link6' ).click( function ( event ) {
            event.preventDefault();
            $( '#link6' ).addClass('active');
            $( '#link2' ).removeClass('active');
            $( '#link1' ).removeClass('active');
            $( '#link3' ).removeClass('active');
            $( '#link4' ).removeClass('active');
            $( '#link5' ).removeClass('active');
            $( '#panel-6' ).removeClass('hide').addClass('show');
            $( '#panel-2' ).removeClass('show').addClass('hide');
            $( '#panel-1' ).removeClass('show').addClass('hide');
            $( '#panel-3' ).removeClass('show').addClass('hide');
            $( '#panel-4' ).removeClass('show').addClass('hide');
            $( '#panel-5' ).removeClass('show').addClass('hide');

        } );
        
    } );
} );