Подскажите как сделать выпадающее меню :: Web-программирование

Новости • Файловые архивы
Поиск • Активные темы • Топ лист
Правила • Кто в on-line?

Вход • Забыли пароль? • Первый раз на этом сайте? • Регистрация

Компьютерный форум Ru.Board » Интернет » Web-программирование » Подскажите как сделать выпадающее меню

Модерирует : Cheery
Версия для печати • Подписаться • Добавить в закладки

ArturK777

Newbie

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Я еще только учусь CSS+jQuery, делаю сайт на MODX http://7.oldmill.z8.ru/
Есть такое меню, оно двухуровневое адаптивное.
В широком экране оно горизонтальное с выпадающим списком и я могу перейти на родительскую ссылку, а в вертикальном нажатие приводит только к разворачиванию/сворачиванию подменю.
Я хочу сделать две зоны для клика соответственно для перехода и для разворачивания, но пока не придумал как.
Специалисты, подскажите в какую сторону думать? Или есть уже готовый пример?

Всего записей: 4 | Зарегистр. 10-10-2010 | Отправлено: 00:55 12-11-2015

bordellinoff

Junior Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

<ul>
    <li>
        <div class="menu-label"><a href="--.html" class="menu-link">Проживание</a><span class="menu-toggle">V</span></div>
        <div class="menu-contents">...</div>
    </li>
</ul>

<script>
jQuery( '.menu-toggle' ).on( 'click', function() {
    $( this ).closest( 'li' ).children( '.menu-contents' ).slideToggle();
});
</script>

Всего записей: 50 | Зарегистр. 13-10-2013 | Отправлено: 18:19 23-01-2016

Компьютерный форум Ru.Board » Интернет » Web-программирование » Подскажите как сделать выпадающее меню

Реклама на форуме Ru.Board.

Powered by Ikonboard "v2.1.7b" © 2000 Ikonboard.com
Modified by Ru.B0ard
© Ru.B0ard 2000-2024

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC