Подскажите по яваскрипту меню

[TAKOY]

Всем доброго времени суток, подскажите пожалуйста, что дописать в коде чтобы появилось подменю, вот пример
Для просмотра ссылки Войди или Зарегистрируйся
там раскрывается только одно меню, а как можно сделать подменю, чтобы к примеру раскрывались все остальные пункты подменю.
Заранее спасибо.

 

[Venegrad]

Если вы хотите создать многоуровневое меню, вам необходимо написать функцию добавления классов, и через них влиять на отображение меню:

На примере:

$("li.menunav").click(function() {
$(this).children("ul").toggleClass("js-active");
});

В таком случае, при нажатии на li, во вложенном в нем ul будет добавляться и убираться класс js-active, по его исчезновению вы можете задать блоку display: none, а по его присуствию display: block.

 

[TAKOY]

я извиняюсь, если вам не сложно, на примере того кода что я предоставил вы можете создать меню из двух пунктов, и в этих пунктах по одному подпункту, например

КОФЕ
заварное
растворимое
Чай
индийский
японский

Чтобы только при нажатии на КОФЕ или ЧАЙ раскрывались подпункты.
Я просто не разбираюсь в коде, методом тыка или на примере, методом замены и копирования готового кода могу чтото сделать(((

 

[Q_BASIC]

Для просмотра ссылки Войди или Зарегистрируйся

 

[TAKOY]

Да практически то, что нужно, только меню необходимо вертикальное, и чтобы подменю открывались только по щелчку.

Через пару минут нашел на том сайте, что вы дали в пример и вертикальное меню и менно по щелчку открывается, благодарю!!! Буду пробовать.

К сожалению не подошло, так как нужно еще и файл с яваскриптом закачивать, а нужен только хтмл код.

 

[Q_BASIC]

Да практически то, что нужно, только меню необходимо вертикальное, и чтобы подменю открывались только по щелчку.

Через пару минут нашел на том сайте, что вы дали в пример и вертикальное меню и менно по щелчку открывается, благодарю!!! Буду пробовать.

К сожалению не подошло, так как нужно еще и файл с яваскриптом закачивать, а нужен только хтмл код.

Можно javascript в <script></script> на страницу поставить, или прямо с их сайта грузить

 

[TAKOY]

К сожалению ничего путного не получилось, все же, если кто сможет помочь, то пожалуйста напишите по моему первому сообщению в этой теме, чтобы получилось так -

вы можете создать меню из двух пунктов, и в этих пунктах по одному подпункту, например

КОФЕ
заварное
растворимое
Чай
индийский
японский

Чтобы только при нажатии на КОФЕ или ЧАЙ раскрывались подпункты.
Хочется получить готовый код, чтобы можно было подставлять и менять необходимые значения.

 

[vytyacom]

Наваял тут простенькую штуку
Для просмотра ссылки Войди или Зарегистрируйся
Правда есть баг. Когда оба открыты, то надо 2раза нажать чтоб закрылось. Ну это так. Решение базовое.
Дальше дело стилизации.
Вообще если нужно чтото такое в рамках контента, то можно какойнить скрипт аккордиона использовать. Либо куча готовых для меню есть. Типа Для просмотра ссылки Войди или Зарегистрируйся.

 

[TAKOY]

Спасибо за потраченное время!!! Но к сожалению так я и делаю, вернее такое меню сделал, правда код огромнейший получился, у вас намного меньше, но нужно чтобы еще и подменю раскрывалось, вот как вы сделали, нажимаеш на кофе, пункт раскрывается и появляется РАСТВОРИМЫЙ и НЕРАСТВОРИМЫЙ, так чтобы еще когда нажимаеш на РАСТВОРИМЫЙ и НЕРАСТВОРИМЫЙ они тоже раскрывались (если там чтото есть). Ну вот например в пункте РАСТВОРИМЫЙ добавить ЯКОБЗ и НЕСКАФЕ


14.36
Вот на примере наваял код, но загвоздка в том, что подменю раскрываются все одновременно, блин уже почти сделал))) Помогите знающие, как сделать теперь чтобы раскрывалось подменю только при нажатии, ну или хотябы при наведении (как сейчас), чтобы не все подменю сразу открывались и все в кучу друг на друга лезло.
Для просмотра ссылки Войди или Зарегистрируйся

 

[TAKOY]

В общем погуглил, научился в хтмл страницу вставлять и js скрипт и стили цсс, создал в этом хтмл файле меню и через

<?php
include_once ("menu.html");
?>

подключил к сайту (тоже не умел и нашел способ через гугл). Плохо только что все новые материалы (ссылки на материалы) нужно прописывать вручную в хтмл файл меню, но ничего, статьи не так часто добавляю.