Как выделить активный пункт меню? Реализация на jQuery.
Частенько появляется необходимость выделить активный пункт меню, то есть, переходите вы по ссылке в главном меню сайта, и будучи на этой странице нажатый пункт меню каким-то образом выделяется. Чаще всего, для этого всего лишь нужно добавить уникальный класс для тега, в котором находится ссылка. А дальше дело за стилями CSS. К примеру, меню выглядит примерно так:
Предположим, что CSS-стили прописаны таким образом, чтобы правильно обрабатывать пункты меню в данной конструкции. Все что потребуется, так это к тегу li добавить класс, например «selected». То есть, находясь на странице Каталог (/catalog/), в итоге, ваш код меню должен выглядеть так:
Все что для этого потребуется, так несложный код на JavaScript. Вот он:
Этот код можно вставить, например, сразу после div`a, в котором находится меню.
Будет нелишним сообщить, что должна быть подключена библиотека JQuery.
Если надо, чтобы работало без li используем
Где класс слоя, на котором находится меню называется menu, а класс на который должен меняться пункт называется active.
на главную сниппетов