Difference between revisions of "Template:UConn/js/nav"

 
Line 36: Line 36:
 
   if (settings.sticky === true) cssmenu.css('position', 'fixed');
 
   if (settings.sticky === true) cssmenu.css('position', 'fixed');
 
resizeFix = function() {
 
resizeFix = function() {
   var mediasize = 745;
+
   var mediasize = 744;
 
     if ($( window ).width() > mediasize) {
 
     if ($( window ).width() > mediasize) {
 
       cssmenu.find('ul').show();
 
       cssmenu.find('ul').show();

Latest revision as of 20:33, 17 October 2018

(function($) { $.fn.menumaker = function(options) {

var cssmenu = $(this), settings = $.extend({
  format: "dropdown",
  sticky: false
}, options);
return this.each(function() {
  $(this).find(".button").on('click', function(){
    $(this).toggleClass('menu-opened');
    var mainmenu = $(this).next('ul');
    if (mainmenu.hasClass('open')) { 
      mainmenu.slideToggle().removeClass('open');
    }
    else {
      mainmenu.slideToggle().addClass('open');
      if (settings.format === "dropdown") {
        mainmenu.find('ul').show();
      }
    }
  });
  cssmenu.find('li ul').parent().addClass('has-sub');

multiTg = function() {

    cssmenu.find(".has-sub").prepend('');
    cssmenu.find('.submenu-button').on('click', function() {
      $(this).toggleClass('submenu-opened');
      if ($(this).siblings('ul').hasClass('open')) {
        $(this).siblings('ul').removeClass('open').slideToggle();
      }
      else {
        $(this).siblings('ul').addClass('open').slideToggle();
      }
    });
  };
  if (settings.format === 'multitoggle') multiTg();
  else cssmenu.addClass('dropdown');
  if (settings.sticky === true) cssmenu.css('position', 'fixed');

resizeFix = function() {

 var mediasize = 744;
    if ($( window ).width() > mediasize) {
      cssmenu.find('ul').show();
    }
    if ($(window).width() <= mediasize) {
      cssmenu.find('ul').hide().removeClass('open');
    }
  };
  resizeFix();
  return $(window).on('resize', resizeFix);
});
 };

})(jQuery);

(function($){ $(document).ready(function(){ $("#cssmenu").menumaker({

  format: "multitoggle"

}); }); })(jQuery);