Почему исчезает выделение?

Question

[Vardiyt]

На сайте lesorubov.spb.ru в блоке рассчет примерной стоимости, когда кликаешь по блоку с елками, меняется фон.
Если начинаешь двигать ползунок, пропадает выделение у выбора целиком/частями/аккуратно.
Как сделать так, чтобы он не возвращался в состояние до двигания ползунка?

Comments

[Алексей]

У меня ползунок не возвращается, но пропадает выделение у выбора целиком/частями/аккуратно. FireFox.

[Vardiyt]

Алексей: я это и имел в виду, сейчас исправлю.

[Алексей]

Vardiyt: Я туплю сегодня, сорри.

[Vardiyt]

Алексей: Аналогичная ситуация, задаю простые вопросы на тостере, носом тыкают и думаю, как я не увидел этого сам...

Answer 1

[Сергей Тутуков]

На ссылке висит псевдокласс :focus

#block3 a.list-group-item:hover, 
button.list-group-item:hover, 
a.list-group-item:focus, 
button.list-group-item:focus {
    background-color: #9a9a9a;
}

Нужно при клике на блок добавлять к ссылке класс .active

.active{
    background-color: #9a9a9a;
}

Comments

[Vardiyt]

Это вот так будет выглядеть?
$(document).ready(function(){

$( ".list-group-item" ).click(function() {
$( ".list-group-item" ).removeClass("active");



});

[Сергей Тутуков]

codepen.io/STutukov/pen/LNoLOJ