MediaWiki:Gadget-ExplainTooltips.js

/* Make it so users can click on "explain" spans to toggle their content.
   Useful for mobile users, since there's no mouse-over. */

function toggleExplain(e) {
  var old = e.getAttribute('oldContent');
  if (old && old.length > 0) {
    e.innerHTML = old;
    e.setAttribute('oldContent', '');
    e.style.borderBottom = '1px dotted';
  } else {
    e.setAttribute('oldContent', e.innerHTML);
    e.innerHTML = e.getAttribute('title');
    e.style.borderBottom = '1px dashed';
  }
}

$(function() {
 var explain_spans = document.getElementsByClassName('explain');
 for (var e = 0; e < explain_spans.length; e++) {
   explain_spans[e].onclick = function(){ toggleExplain(this); };
 }
});