<div class="task-status task-active selected">Active</div> //selected - активный статус
<div class="task-status task-stop">Stop</div>
<div class="task-status task-done">Done</div>$('.task-status').click(function(){
$('.task-status').removeClass('selected'); //сначала убираем, можно явно найти с классом selected или просто у всех убрать
var el = $(this); //для удобства
if(!el.hasClass('selected')){ //если не имеет класса selected
el.addClass('selected'); //добавляем его
}
});
.scroll_block::-webkit-scrollbar-thumb {
border: 2px solid white;
background-color: #ccc;
}
.scroll_block::-webkit-scrollbar {
-webkit-appearance: none;
}
.scroll_block::-webkit-scrollbar:horizontal {
height: 13px;
}
.scroll_block::-webkit-scrollbar-thumb {
border-radius: 6px;
border: 2px solid white;
background-color: rgba(0, 0, 0, .5);
}<div class="counter_wrapper">
<div class="minus">-</div>
<input type="text" name="count" value="0" />
<div class="plus">+</div>
</div>