MediaWiki:Mobile.js

Revision as of 17:43, 19 November 2017 by WikiSysop (talk | contribs) (Created page with "→‎Any JavaScript here will be loaded for users using the mobile site: //Removes the current mfTempOpenSection function so we don't get console errors on heading clicks $('....")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* Any JavaScript here will be loaded for users using the mobile site */
//Removes the current mfTempOpenSection function so we don't get console errors on heading clicks
$('.section-heading').prop('onclick',null);
//Add a new function that changes the display parameter of the collapsible div associated to the clicked header
$('.section-heading').click(function($event){
    var source = $event.target;
    var sectionHeadings = $('.section-heading');    
    sectionHeadings.toArray().forEach(function(section){
       var span = section.getElementsByTagName('span')[0];
       if (span.id == source.id){
         var collapseDiv = section.nextSibling;
         collapseDiv.style.display = collapseDiv.style.display == "block" ? "none" : "block";
         return;
       }
    });
});