Не работает выпадающее меню второго уровня

@сахей · Регистрация: 26.02.2013

Author24 — интернет-сервис помощи студентам

Всем привет, вобщем есть меню

HTML5

<ul class="vmenu">
            <li><a href="#">Строительные материалы</a></li>
            <li><a href="#">Сэндвич-панели</a></li>
            <li><a href="">Вентилируемые фасады</a></li>
            <ul>
                <li><a href="#">Керамогранит</a></li>
                <li><a href="#">Композит</a></li>
                <li><a href="#">Металлокассеты</a></li>
                <li><a href="#">Металлический сайдинг</a></li>
                <li><a href="#">Линеарные панели</a></li>
                <li><a href="#">Панели Полиалпан</a></li>
            </ul></li>
            <li><a href="#">Кровля</a></li>
            <li><a href="#">Утеплители</a></li>
            <li><a href="#">Внутренняя отделка</a></li>
            <li><a href="#">Крепёжные изделия</a></li>
        </ul>

и код Jquery

Javascript

$(document).ready( function(){
    $('.vmenu > ul').hide();
    $('.vmenu > li > a').click(function(){
        $('.vmenu > li').removeClass('active');
        $(this).parent('li').toggleClass('active');
        $('.vmenu > ul > li').slideUp();
        $(this).parent('li').children('ul').slideDown();  //вот здесь загвоздка по идее
        return false;
    });
});

Никак не могу сделать чтоб появился второй уровень

Помогите кто чем может, пожалуйста=)

@Lazy_Den · 08.10.2014, 23:50

Во-первых, хоть к сути и не относится напрямую, но у вас ошибка в разметке. Так будет точнее для вложенных списков:

HTML5

<li>
    <a href="">Вентилируемые фасады</a><!-- Закрывающего LI тут быть не должно -->
        <ul>
            <li><a href="#">Керамогранит</a></li>
            <li><a href="#">Композит</a></li>
            <li><a href="#">Металлокассеты</a></li>
            <li><a href="#">Металлический сайдинг</a></li>
            <li><a href="#">Линеарные панели</a></li>
            <li><a href="#">Панели Полиалпан</a></li>
      </ul>
</li>

Теперь по вопросу. Смотрим пример тут.

Javascript

$(document).ready( function(){
    var parentLi = $('.vmenu > li:has(ul)'),
        link = $('> a',parentLi),
        innerUl = $('> ul', parentLi).hide();
    link.click(function(){
        var curUl = $(this).siblings('ul');
        innerUl.not(curUl).slideUp();
        curUl.slideToggle();
        return false;
    });
});

Добавлено через 3 минуты
P.S. Два вложенных списка в примере - под пунктами "Вентилируемые фасады" и "Внутренняя отделка"

@сахей · 09.10.2014, 10:21 **[ТС]**

Спасибо большое=) особенно за косяк в разметке,оказывается все дело в нем было

@сахей 65 / 65 / 20 Регистрация: 26.02.2013 Сообщений: 336 Записей в блоге: 1
	09.10.2014, 10:21 [ТС]	3
	Спасибо большое=) особенно за косяк в разметке,оказывается все дело в нем было 0