Subnav

(function ($) {
  $(document).ready(function () {
    $("section.section-first-level").each(function () {
      console.log("APPENDING");
      const navText = $(this).find('h2.navigation-text').attr('data-nav-text');
      const navAnchor = $(this).find('h2.navigation-text').attr('data-section-name');
      $('.innerpage-nav-list').append('<li><a href="#'+navAnchor+'">'+navText+'</a></li>');
      $('#innerpage-nav-select').append('<option value="#'+navAnchor+'">'+navText+'</option>');
    });
  });
})(jQuery);

var Drupal = Drupal || {};
(function ($, Drupal) {
  Drupal.behaviors = Drupal.behaviors || {};
  Drupal.behaviors.lehigh_business_subnav = {
    attach: function(context) {
      $(document).ready(function(){
        console.log('morning tacos');
        jQuery.each(jQuery(".innerpage-nav .innerpage-nav-list li"), function() {

          jQuery(this).on("mouseover", function(){$(this).addClass("active")});

          jQuery(this).on("mouseout", function(){$(this).removeClass("active")});

        });
      });

      console.log('night tacos');
      $goto = $('#innerpage-nav-select');
      if ($goto.length) {
        /* If the Submit button is triggered... */
        $('#innerpage-nav-select-button').click(function(e) {	/* (The click event also fires by hitting Enter or Spacebar while the button has the focus.) */
          /* Prevent the Submit button from merely causing a refresh of the current page. */
          e.preventDefault();
          if ($goto.val() == "") return;
          /* Navigate to the URL */
          window.location.href = $goto.val();
          /* To be tidy, reset the <select> to the first value */
          $goto.val($goto.children('option:first').val());
        });

        // Run on hash change (user clicked on anchor link)
        if ( 'onhashchange' in window ) {
          window.addEventListener('hashchange', scrollUpToCompensateForFixedHeader);
        }

        function scrollUpToCompensateForFixedHeader()
        {
          var hash,
            target,
            offset;

          // Get hash, e.g. #mathematics
          hash = window.location.hash;
          if ( hash.length < 2 ) { return; }

          // Get :target, e.g. <h2 id="mathematics">...</h2>
          target = document.getElementById( hash.slice(1) );
          if ( target === null ) { return; }

          // Get distance of :target from top of viewport. If it's near zero, we assume
          // that the user was just scrolled to the :target.
          if ( target.getBoundingClientRect().top < 2 ) {
            window.scrollBy(0, -100);
          }
        }

      }
    }
  };
})(jQuery, Drupal);