Как сделать элемент активным после нажатия?

Question

[kotbezusov]

Я сделал слайдер. Как сделать так, чтобы при нажатии, например, на слово "Web design", оно становилось другого цвета.
Именно не при наведении, а уже после нажатия.

ht

Answer 1

[iBird Rose]

добавить ему класс при клике. к примеру "active" и стилизовать. тобишь другим цветом покрасить
p.s. а вообще если эти кнопки никуда не ведут и слайдер не запоминает слайд после перезагрузки страницы, то стилизуй ::active и ::focus типа:
.link::active, .link::focus {background: #...;}

Comments

[kotbezusov]

Я имею ввиду конкретный момент времени. То есть при нажатии на "Web design" он становился бы красного цвета, а при нажатии на другой элемент, "Web design" становился бы опять белого цвета. И так для каждого элемента

[iBird Rose]

kotbezusov: ну тк так и делается. при клике на элемент меню убираешь все active со всех, и вешаешь класс на кликнутый. и ты получишь то что хочешь.

[iBird Rose]

kotbezusov: а вообще если эти кнопки никуда не ведут, то стилизуй ::active и ::focus

[Sergei Nazarenko]

kotbezusov: делать проерку куда кликаешь и присваивать этому элементу класс а у остальных удалять this.className а у остальных делать className = "";

Answer 2

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

$('.myClass').on('click',function(){
$(this).css('color','#545454');
});

Answer 3

[Dark Hole]

$('.class > *').on('click', function() {
  var _this = $(this);
  _this
    .parent()
    .children()
    .removeClass('active');
  _this.addClass('active');
})

Answer 4

[Sergei Nazarenko]

codepen.io/nazares/pen/pNNWbN