Переключение меню с помощью jQuery - PullRequest
Новая
       16

Переключение меню с помощью jQuery

1 голос
/ 21 июля 2009

У меня есть HTML-код, подобный следующему: 

<ul>
    <li><a href="#">Page 1</a></li>
    <li><a href="#" class="toggle">[Open|Close]</a><a href="#">Page 2</a>
        <ul>
            <li><a href="#">Page 2-1</a></li>
            <li><a href="#">Page 2-2</a></li>
            <li><a href="#">Page 2-3</a></li>
            <li><a href="#">Page 2-4</a></li>
        </ul>
    </li>
    <li><a href="#">Page 3</a></li>
    <li><a href="#">Page 4</a></li>
    <li><a href="#">Page 5</a></li>
</ul>

И хотелось бы, чтобы при нажатии на a с классом 'toggle' ul был переключен. Я довольно порядочен в базовых вещах jQuery, но понятия не имею, с чего начать! Любые альтернативные подходы, которые достигают того же результата, также приветствуются.

Ответы [ 2 ]

8 голосов
/ 21 июля 2009

С этой разметкой это будет работать: 

$('.toggle').click(function(){
    $(this).siblings('ul').toggle();
});
2 голосов
/ 21 июля 2009

Проверьте функцию переключения jQuery, http://docs.jquery.com/Effects/toggle

...