MediaWiki:Tab.js: Unterschied zwischen den Versionen

Aktuelle Version vom 21. Juli 2020, 08:03 Uhr

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');

        } );
        
    } );
} );