MediaWiki:Gadget-subpagenav.js - Revision history

Anthony at 00:37, 5 April 2026

2026-04-05T00:37:20Z

← Older revision		Revision as of 00:37, 5 April 2026
Line 196:		Line 196:
	$a.addClass( 'is-current' );		$a.addClass( 'is-current' );

	// Walk up the DOM and open ~~every~~ ancestor dropdown		// Walk up the DOM and open ancestor dropdowns.
	$a.parents( '.subpage-nav-links li.has-dropdown' ).each( function () {		// Start from $a.parent() so we do NOT auto-open the dropdown
			// that the current page itself belongs to — only true ancestors.
			$a.parent().parents( '.subpage-nav-links li.has-dropdown' ).each( function () {
	$( this ).addClass( 'is-open' );		$( this ).addClass( 'is-open' );
	} );		} );

Anthony: Rewrite to align with new template update

2026-03-23T06:23:20Z

Rewrite to align with new template update

Show changes

Anthony: Edit to allow template to work without metadata, and a simple "{{SubpageNav}}"

2026-03-22T12:31:05Z

Edit to allow template to work without metadata, and a simple "{{SubpageNav}}"

@@ Line 1: / Line 1: @@
 /* =============================================================================
     Gadget-subpagenav.js
-    Adds carets and touch/click support to Template:SubpageNav dropdowns.
+    Handles touch dropdowns and auto-builds nested menus from Special:PrefixIndex
     ============================================================================= */
 ( function () {
@@ Line 8: / Line 8: @@
          if ( !$navLinks.length ) return;
-         // Find all list items that contain a nested <ul>
+         // --- PART 1: Auto-Builder for Special:PrefixIndex ---
          var $dropdowns = $navLinks.find( 'li' ).has( 'ul' );
          $dropdowns.addClass( 'has-dropdown' );
          $dropdowns.children( 'a, span' ).append( '<span class="subpage-nav-caret">▼</span>' );
          $navLinks.on( 'click', '.has-dropdown > a, .has-dropdown > span', function ( e ) {
              var $parentLi = $( this ).parent();
-             var isOpen = $parentLi.hasClass( 'is-open' );
+             // Close siblings
              $parentLi.siblings( '.has-dropdown' ).removeClass( 'is-open' );
              // Toggle current
              $parentLi.toggleClass( 'is-open' );
              if ( $( this ).is( 'span' ) ) {
                  e.preventDefault();
@@ Line 35: / Line 72: @@
          } );
          $( document ).on( 'click', function ( e ) {
              if ( !$( e.target ).closest( '.subpage-nav-links' ).length ) {

Anthony: Created page with "/* ============================================================================= Gadget-subpagenav.js Adds carets and touch/click support to Template:SubpageNav dropdowns. ============================================================================= */ ( function () { $( function () { var $navLinks = $( '.subpage-nav-links' ); if ( !$navLinks.length ) return; // Find all list items that contain a nested
var $dropdowns =..."

2026-03-22T12:25:19Z

Created page with "============================================================================= Gadget-subpagenav.js Adds carets and touch/click support to Template:SubpageNav dropdowns. =============================================================================: ( function () { $( function () { var $navLinks = $( '.subpage-nav-links' ); if ( !$navLinks.length ) return; // Find all list items that contain a nested <ul> var $dropdowns =..."

New page

/* =============================================================================
Gadget-subpagenav.js
Adds carets and touch/click support to Template:SubpageNav dropdowns.
============================================================================= */
( function () {
$( function () {
var $navLinks = $( '.subpage-nav-links' );
if ( !$navLinks.length ) return;

// Find all list items that contain a nested <ul>
var $dropdowns = $navLinks.find( 'li' ).has( 'ul' );
$dropdowns.addClass( 'has-dropdown' );

// Append a caret to the top-level link or span
$dropdowns.children( 'a, span' ).append( '<span class="subpage-nav-caret">▼</span>' );

// Handle clicks for toggling menus
$navLinks.on( 'click', '.has-dropdown > a, .has-dropdown > span', function ( e ) {
var $parentLi = $( this ).parent();
var isOpen = $parentLi.hasClass( 'is-open' );

// Close other open dropdowns at the same level
$parentLi.siblings( '.has-dropdown' ).removeClass( 'is-open' );

// Toggle current
$parentLi.toggleClass( 'is-open' );

// If the item is just text (a span), prevent default click behavior
// If it's a link (a tag), we usually want to let them navigate to it,
// but on mobile, the first tap should ideally open the menu.
// For safety, if it's a span, we stop the event.
if ( $( this ).is( 'span' ) ) {
e.preventDefault();
}
} );

// Close dropdowns when clicking anywhere outside the nav
$( document ).on( 'click', function ( e ) {
if ( !$( e.target ).closest( '.subpage-nav-links' ).length ) {
$( '.subpage-nav-links .has-dropdown' ).removeClass( 'is-open' );
}
} );
} );
}() );