Preciso mudar a cor só do elemento que foi clicado, no caso mudar a cor de fundo da div - essa mesma e clonada varias vezes criando mais div no html dependendo do quanto é preciso - em todos os casos que fiz usando parent e siblings não obtevi sucesso , todas permanecem mudando de cor, preciso que so a div clicada mude de cor, e as demais permanei com a cor padrão.
**Icon**
<a data-toggle="collapse" data-parent="#accordion" href="#collapse1">
<i class="taskIcon glyphicon glyphicon-chevron-down">
</i>
</a>
<div class="panel-group" id="accordion">
<div class="panel panel-default task">
<div class="panel-heading taskToDo">
<span class="col-sm-8 taskTitle">
<span class="checkTask"><i class="fa fa-check" aria-hidden="true"></i></span>
descricao
</span>
</div>
</div>
</div>
JS
$(".taskIcon").on("click", function () {
$(this).toggleClass("glyphicon-chevron-down").toggleClass("glyphicon-chevron-up");
$(".boxTipoDeAtividade").hide();
$(".taskAtividades").addClass("glyphicon-chevron-down");
**$(".taskToDo").addClass("taskToDoBackground");**
});
CSS
.taskToDoBackground{
background-color: #efefef !important;
}
function (numerar por exemplo os botões )
oonClick
? Botão 1 onclick - muda cor do parâmetro específico.<div class="taskToDo">
?<a>
e. taskToDo
? esse HTML repete-se várias vezes na página certo?