no-jquery.js

/*

no-jquery.js

A set of global functions useful for working without jquery.
Compiled from http://youmightnotneedjquery.com/.  IE8+ compatibility.

*/

//add class
function addClass(el, className){
                   
  if (el.classList)
    el.classList.add(className);
  else
    el.className += ' ' + className; 

};

  
//remove class
function removeClass(el, className){
                   
  if (el.classList)
    el.classList.remove(className);
  else
    el.className = el.className.replace(new RegExp('(^|\\b)' + className.split(' ').join('|') + '(\\b|$)', 'gi'), ' ');

};


//toggle class
function toggleClass(el, className){
                   
  if (el.classList) {
    el.classList.toggle(className);
  } else {
      var classes = el.className.split(' ');
      var existingIndex = -1;
      for (var i = classes.length; i--;) {
        if (classes[i] === className)
          existingIndex = i;
      }

      if (existingIndex >= 0)
        classes.splice(existingIndex, 1);
      else
        classes.push(className);

    el.className = classes.join(' ');
  }

};


//has class
function hasClass(el, className){
  
  if (el.classList)
    el.classList.contains(className);
  else
    new RegExp('(^| )' + className + '( |$)', 'gi').test(el.className);
  
}


//ready
function ready(fn) {
  if (document.readyState != 'loading'){
    fn();
  } else if (document.addEventListener) {
    document.addEventListener('DOMContentLoaded', fn);
  } else {
    document.attachEvent('onreadystatechange', function() {
      if (document.readyState != 'loading')
        fn();
    });
  }
}