MediaWiki:Common.js: Difference between revisions
From DM Live - the Depeche Mode live encyclopedia for the masses
Jump to navigationJump to search
(Replaced content with "→<pre>: →Any JavaScript here will be loaded for all users on every page load.: ") Tag: Replaced |
No edit summary |
||
Line 1: | Line 1: | ||
/* <pre> */ | /* <pre> */ | ||
/* Any JavaScript here will be loaded for all users on every page load. */ | /* Any JavaScript here will be loaded for all users on every page load. */ | ||
// Start of custom navbar js | |||
(function($) { // Begin jQuery | |||
$(function() { // DOM ready | |||
// If a link has a dropdown, add sub menu toggle. | |||
$('nav ul li a:not(:only-child)').click(function(e) { | |||
$(this).siblings('.nav-dropdown').toggle(); | |||
// Close one dropdown when selecting another | |||
$('.nav-dropdown').not($(this).siblings()).hide(); | |||
e.stopPropagation(); | |||
}); | |||
// Clicking away from dropdown will remove the dropdown class | |||
$('html').click(function() { | |||
$('.nav-dropdown').hide(); | |||
}); | |||
// Toggle open and close nav styles on click | |||
$('#nav-toggle').click(function() { | |||
$('nav ul').slideToggle(); | |||
}); | |||
// Hamburger to X toggle | |||
$('#nav-toggle').on('click', function() { | |||
this.classList.toggle('active'); | |||
}); | |||
}); // end DOM ready | |||
})(jQuery); // end jQuery | |||
// End of custom navbar |
Revision as of 22:41, 2 September 2019
/* <pre> */ /* Any JavaScript here will be loaded for all users on every page load. */ // Start of custom navbar js (function($) { // Begin jQuery $(function() { // DOM ready // If a link has a dropdown, add sub menu toggle. $('nav ul li a:not(:only-child)').click(function(e) { $(this).siblings('.nav-dropdown').toggle(); // Close one dropdown when selecting another $('.nav-dropdown').not($(this).siblings()).hide(); e.stopPropagation(); }); // Clicking away from dropdown will remove the dropdown class $('html').click(function() { $('.nav-dropdown').hide(); }); // Toggle open and close nav styles on click $('#nav-toggle').click(function() { $('nav ul').slideToggle(); }); // Hamburger to X toggle $('#nav-toggle').on('click', function() { this.classList.toggle('active'); }); }); // end DOM ready })(jQuery); // end jQuery // End of custom navbar