Можно сделать вертикальное меню, по клику, с активными пунктами меню и подменю при обновлении и перелистывании страниц, только на CSS?

Question

[N-I]

И чтобы при переходе к другому пункту меню, предыдущий пункт закрывался.

Comments

[Антон Середний]

с обновлением страницы никак.

[N-I]

Антон Середний: А как это делается? Чтобы при перелистывании страниц меню оставалось открытым на нужном подпункте.

[lemme]

N-I: cookie, sesssionStorage

[N-I]

lemme: А вот подобное меню можно как-то доделать, чтобы подменю не закрывалось, а активный пункт подменю был так же другого цвета и оставался открытым? ruseller.com/lessons/les1464/demo/index.html#

[lemme]

N-I: можно

[N-I]

lemme: Скажите, пожалуйста, фразы, которые нужно погуглить, чтобы его доделать? )

[lemme]

N-I: основы javascript

[N-I]

lemme: Так оно только на CSS, я думала можно без javascript доделать. Ладно, спасибо).

Answer 1

[Владимир]

Первый ответ повеселил, вспомнил эту фразу, она в начале всех книг 2000-х годов по вебу была. Однако по теме, единственный вариант делать что то зависящие от страницы и ее состояния на чистом css это попробовать поиграться с якорями и стилями для активных элементов.

Comments

[N-I]

А как лучше: только CSS или с js? Я прочитала, что CSS лучше индексируется поисковыми системами.
Вот это пример можно доделать стилями? ruseller.com/lessons.php?rub_id=2&id=1464 ruseller.com/lessons/les1464/demo/index.html#
Если можно, то скажите, что конкретно, я поищу как.

[Владимир]

Так индексация здесь будет везде одинаковая, у вас же не spa? Как делать вертикальное меню на js или css, тогда уже решайте сами, ведь если дело было в индексации тогда не парьтесь и используйте js, если все же есть желание сделать на чистом css то повторюсь копайте в сторону якорей.

[N-I]

Владимир: Спасибо.

Answer 2

[Алекс Глебов]

вся динамика делается на js

Comments

[N-I]

А ссылки у Вас нет на какой-нибудь пример? Только так, чтобы всё было, как в вопросе.

[Максим Тимофеев]

N-I: www.w3schools.com/jquery/default.asp - просто, доступно и кратко. Изучите, через 2 дня сможете реализовать то что Вам надо.

[N-I]

Максим Тимофеев: Спасибо.