butko
4/20/2017 - 12:43 PM

Обработчики для Responsive Menus

Обработчики для Responsive Menus

// Кнопка, вариант 1: ☰
// Кнопка, вариант 2: <i class="material-icons">menu</i>

// Скрываем панель с меню
function HideSidebarPanel () {
     $('.sidr-overlay').css("display","none");
     $.sidr('close', 'sidr-0');
}
// ---------------------------------------------------------------------------------------------------------------------
// Выводим панель с меню
function ShowSidebarPanel () {

// -----------
// Разворачиваем второй уровень меню
function SecondLevelExpand () {
     $(this).parent().css("height","auto");
     $(this).hide();
     $(this).siblings(".sidr-contract").show();
}
// -----------
// Сворачиваем второй уровень меню
function SecondLevelContract () {
     $(this).parent().css("height","46px");
     $(this).hide();
     $(this).siblings(".sidr-expand").show();
}
// -----------

     $('.sidr-overlay').css("display","block");

     // Добавление заголовка с логотипом
     if(!$("div").is(".sidr-logo")) {
          $('#sidr-0').prepend('<div class="sidr-logo"><img src="/sites/default/files/logo-footer.png">МЕНЮ</div>');
     }

     // Поиск на первое место
     $("#sidr-id-menu-5072-1").prependTo(".sidr-inner");

     // Добавление кнопок для управления двухуровневым меню
     if(!$("div").is(".sidr-expand")) {
          $('li.sidr-class-sf-depth-1').prepend('<div class="sidr-contract"><i class="material-icons">keyboard_arrow_up</i></div>');
          $('li.sidr-class-sf-depth-1').prepend('<div class="sidr-expand"><i class="material-icons">keyboard_arrow_down</i></div>');
          $('.sidr-contract').click (SecondLevelContract); // Сворачиваем второй уровень меню по клику
          $('.sidr-expand').click (SecondLevelExpand); // Разворачиваем второй уровень меню по клику
     }

     // Добавление кнопок социальных сетей
     if(!$("div").is("#sidr-0 .socials-wrap")) {
          $(".socials-wrap").appendTo("#sidr-0");
     }
}
// ---------------------------------------------------------------------------------------------------------------------

$('.sidr-overlay').click (HideSidebarPanel); // Прячем меню по клику на оверлее
ShowSidebarPanel ();