Javascript-форум (https://javascript.ru/forum/)
-   Ваши сайты и скрипты (https://javascript.ru/forum/project/)
-   -   Как сделать так, чтобы активный элемент меню подсвечивался? (https://javascript.ru/forum/project/82796-kak-sdelat-tak-chtoby-aktivnyjj-ehlement-menyu-podsvechivalsya.html)

Tempest 07.07.2021 00:56

Как сделать так, чтобы активный элемент меню подсвечивался?
 
Вложений: 1
меня есть секция .services в которой есть меню sidebar-menu. Как сделать так, чтобы пункт на который я нажал горел белым цветом и вписать это уже в существующий JS код? Пытался в JS коде просто задать добавление css свойства цвета, но в итоге загораются все пункты

Сам сайт http://ct03638.tmweb.ru/

Весь код jsfiddle.net/p7ubnje6/

Сам JS код

$('.sidebar-menu li ').on('click', function(e) {
        e.preventDefault()
        var index_ = $(this).closest("li").index()
        $('.sidebar-menu li').removeClass('big');
        $(".sidebar-menu li:eq(" + index_ + ")").addClass('big');
    });

ksa 07.07.2021 08:56

Цитата:

Сообщение от Tempest
Как сделать так, чтобы пункт на который я нажал горел белым

У тебя внутри функции есть объект события (e)...
e.target

Ссылка на сам элемент. ;)
Так же есть this - это так же ссылка на элемент контекста.
Цитата:

Сообщение от Tempest
$(".sidebar-menu li:eq(" + index_ + ")").addClass('big');

Это уже изврат какой-то... :(


Часовой пояс GMT +3, время: 17:35.