Ul li ul li

@basis · Регистрация: 06.03.2013

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

Добрый день!

Есть меню -

HTML5

<div class=".menu-sitemap-tree">
    <ul>
        <li>
            <div>пункт1</div>
            <ul>
                <li>подпункт</li>
                <li>подпункт</li>
                <li>подпункт</li>
                <li>подпункт</li>
                <li>подпункт</li>
            </ul>
        </li>  
    </ul>
</div>

С ним работает JS -

Javascript

$(document).ready(function(){
    $(".menu-sitemap-tree ul li").bind("click",function(){
            $(this).children('ul').slideToggle(300);
    });
});

Соответственно при щелчке на первые ul li открывается подменю.
Нужно чтобы не срабатывал .slideToggle(300) при щелчке на <li>подпункт</li> , а то меню сворачивается обратно.

Кто что подскажет?

@Lazy_Den · 21.03.2014, 20:00

Javascript

$(".menu-sitemap-tree li").on("click",function(e){
    e.stopImmediatePropagation();
    $(this).children('ul').slideToggle(300);
});

Добавлено через 8 минут
P.S. Пример работы смотрим тут

	21.03.2014, 20:00