@EvgMul

Как реализовать применение свойства только к одному элементу списка?

Есть элементы меню в виде списка li. Хочу, чтобы при нажатии на какой-либо элемент к нему применялся определенный фон. При нажатии на другой элемент фон с предыдущего возвращался в исходный, а применялся к активному. Третий час уже бьюсь, как только не пробовал, не получается, подскажите пожалуйста.
  • Вопрос задан
  • 107 просмотров
Решения вопроса 3
@kirill-93
Создайте 2 класса: с фоном и без. По умолчанию дайте всем li класс с исходным фоном.
Допустим такие классы
.default-bg{}
.active-bg{}

Теперь пишите так:
$('li').on('click', function() {
   $(this).addClass('active-bg').siblings().removeClass('active-bg');
});

То есть при клике добавить элементу, на который кликнули класс active-bg, а у всех остальных удалить.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы