$(document).ready(function() {
  $('.navicon').click(function() {
    if ($(this).hasClass('open')) {
      $('#headerMenu').addClass('mobile-nav');
      $('#headerMenu .vertical-align-parent.links').removeClass('hidden-sm hidden-xs').css('height','100%');
      $('#headerMenu .vertical-align-parent.links').css('height','0');
      $('#headerMenu .vertical-align-parent.links').css('height','100%');
      $('.navicon.open i').removeClass('bars-show').addClass('bars-hide');
      $('.navicon.open i').removeClass('times-hide').addClass('times-show');
      $('.navicon.open').addClass('close').removeClass('open');
      $('.vertical-align-parent.navicon-parent').addClass('navicon-close-helper');
      $(".main").insertBefore(".secondary");

      $('#headerMenu.mobile-nav nav > ul > li').click(function() {
        var justClose = $($(this).children('.dd')[0]).hasClass('show');

        $('#headerMenu.mobile-nav nav > ul > li .dd').removeClass('show');

        if (!justClose) {
          $(this).children('.dd').addClass('show');
        }
      });
    } else if ($(this).hasClass('close')) {
      $('#headerMenu').removeClass('mobile-nav');
      $('#headerMenu .vertical-align-parent.links').css('height','100%');
      $('#headerMenu .vertical-align-parent.links').css('height','0');
      $('#headerMenu .vertical-align-parent.links').addClass('hidden-sm hidden-xs');
      $('.navicon.close i').addClass('bars-show').removeClass('bars-hide');
      $('.navicon.close i').addClass('times-hide').removeClass('times-show');
      $('.navicon.close').removeClass('close').addClass('open');
      $('.vertical-align-parent.navicon-parent').removeClass('navicon-close-helper');
      $(".secondary").insertBefore(".main");
    }
  });
});