Anthony at 08:01, 16 March 2026

2026-03-16T08:01:57Z

New page

/* =============================================================================
Gadget-guide.js — Tab switching for Quick Start guide pages
============================================================================= */
( function () {
$( function () {
$( '.guide-tabs' ).each( function () {
var $nav = $( this );
var $tabs = $nav.find( '.guide-tabs-nav .guide-tab-nav-item' );
var $panels = $nav.find( '.guide-tab-panel' );
if ( !$panels.length ) {
$panels = $nav.nextAll( '.guide-tab-panel' );
}

if ( !$tabs.length || !$panels.length ) return;

$tabs.first().addClass( 'is-active' );
$panels.first().addClass( 'is-active' );

function switchTab( target ) {
$tabs.removeClass( 'is-active' );
$panels.removeClass( 'is-active' );
$tabs.filter( '[data-tab="' + target + '"]' ).addClass( 'is-active' );
$panels.filter( '[data-panel="' + target + '"]' ).addClass( 'is-active' );
$( 'html, body' ).animate( {
scrollTop: $nav.offset().top - 80
}, 200 );
}

// Top nav tabs
$tabs.on( 'click', function () {
switchTab( $( this ).data( 'tab' ) );
} );

// Prev/next buttons inside panels — separate selector
$nav.on( 'click', '.guide-tab-panel .guide-tab-nav-item', function () {
switchTab( $( this ).data( 'tab' ) );
} );

// Also catch panel nav buttons that are siblings (outside .guide-tabs)
$( document ).on( 'click', '.guide-tab-panel .guide-tab-nav-item', function () {
switchTab( $( this ).data( 'tab' ) );
} );
} );
} );
}() );

MediaWiki:Gadget-guide.js - Revision history

Anthony at 08:01, 16 March 2026