Правильный slideToggle?

Question

[Николай Колесниченко]

Здравствуйте!
Пишу довольно простое выпадающее меню, не могу понять как заставить работать его верно.
Код:
jsfiddle.net/qz55hhde

Проблема вот в чем:


При клике на другую ссылку - первая не сворачивается.

Сильно не пинайте :) Спасибо!

Answer 1

[Денис]

Во-первых, у вас разметка организована не лучшим образом.

<ul class="menu">
    <li>
        <a href="#" class="parrent">item 1</a>
        <ul>
            <li>submenu item 1</li>
            <li>submenu item 1</li>
        </ul>
    </li>
    <li>
        <a href="#" class="parrent">item 2</a>
        <ul>
            <li>submenu item 2</li>
            <li>submenu item 2</li>
        </ul>
    </li>
    <li>
        <a href="#" class="parrent">item 3</a>
        <ul>
            <li>submenu item 3</li>
            <li>submenu item 3</li>
        </ul>
    </li>
</ul>

Ну и JS:

$(function () {
    var links = $('.menu a.parrent');
    links.click(function (e) {
        links.not(this).siblings('ul').slideUp(300);
        $(this).siblings('ul').slideToggle(300);
    });
});

Пример в песочнице

Comments

[Николай Колесниченко]

Большое спасибо! Работает как надо, сейчас буду пытаться понять как оно работает)