Не работает выпадающее меню
Добрый день! Поставил шаблон темы на Drupal, подогнал все под свои нужды, но только сейчас заметил, что выпадающее меню не работает как надо, т.е. оно выпадает если находиться только в родительском разделе, а с главной страницы не работает.
С JQuery совсем не знаком, попытался устранить своими силами, пока не получается, подскажите пожалуйста, в чем проблем? jQuery(document).ready(function($) { $('.social-icons li').each(function(){ var url = $(this).find('a').attr('href'); if(url == ''){ $(this).hide(); } }); $('.nav-toggle').click(function() { $('#main-menu div ul:first-child').slideToggle(250); return false; }); if( ($(window).width() > 640) || ($(document).width() > 640) ) { $('#main-menu li').mouseenter(function() { $(this).children('ul').css('display', 'none').stop(true, true).slideToggle(250).css('display', 'block').children('ul').css('display', 'none'); }); $('#main-menu li').mouseleave(function() { $(this).children('ul').stop(true, true).fadeOut(250).css('display', 'block'); }); } else { $('#main-menu li').each(function() { if($(this).children('ul').length) $(this).append('<span class="drop-down-toggle"><span class="drop-down-arrow"></span></span>'); }); $('.drop-down-toggle').click(function() { $(this).parent().children('ul').slideToggle(250); }); } }); |
Если с JQuery не знакомы, то может быть вам лучше запилить выпадающее меню на чистом CSS? Будет потом проще самому изменять, если что.
Вот простой пример https://www.youtube.com/watch?v=etx0ZrvALkw |
Часовой пояс GMT +3, время: 06:37. |