Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Не работает выпадающее меню (https://javascript.ru/forum/dom-window/55057-ne-rabotaet-vypadayushhee-menyu.html)

EmilTk 12.04.2015 13:30

Не работает выпадающее меню
 
Добрый день! Поставил шаблон темы на 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);
    });
  }
 
});

igormog 15.04.2015 16:29

Если с JQuery не знакомы, то может быть вам лучше запилить выпадающее меню на чистом CSS? Будет потом проще самому изменять, если что.

Вот простой пример https://www.youtube.com/watch?v=etx0ZrvALkw


Часовой пояс GMT +3, время: 06:37.