MediaWiki:Common.js: Difference between revisions

From DM Live - the Depeche Mode live encyclopedia for the masses
Jump to navigationJump to search
No edit summary
(Undo revision 52871 by Majora101 (talk))
Tag: Undo
 
(21 intermediate revisions by the same user not shown)
Line 28: Line 28:
     // End of custom navbar
     // End of custom navbar


// When the user scrolls the page, execute myFunction
// Collapsible menus...
window.onscroll = function() {myFunction()};
$(function() {
  var b = $("#toggle-button");
  var w = $("#toggle");
  var l = $("#toggle-content");
 
  w.height(l.outerHeight(true));


// Get the navbar
  b.click(function() {
var navbar = document.getElementById("navigation");
    
 
    if(w.hasClass('open')) {
// Get the offset position of the navbar
      w.removeClass('open');
var sticky = navbar.offsetTop;
      w.height(0);
 
    } else {
// Add the sticky class to the navbar when you reach its scroll position. Remove "sticky" when you leave the scroll position
      w.addClass('open');
function myFunction() {
      w.height(l.outerHeight(true));
   if (window.pageYOffset >= sticky) {
    }
    navbar.classList.add("sticky")
 
  } else {
   });
    navbar.classList.remove("sticky");
});
   }
}

Latest revision as of 03:44, 30 March 2024

/* <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

// Collapsible menus...
$(function() {
  var b = $("#toggle-button");
  var w = $("#toggle");
  var l = $("#toggle-content");
  
  w.height(l.outerHeight(true));

  b.click(function() {
  
    if(w.hasClass('open')) {
      w.removeClass('open');
      w.height(0);
    } else {
      w.addClass('open');
      w.height(l.outerHeight(true));
    }
  
  });
});