Tenho varios cards em uma pagina e cada card tem uma opção de curtida igual do facebook, quando clico na imagem o contador aumenta 1, porem esta contando em todos os cards e não somente no que eu cliquei e tambem cada vez que eu clico sobe um gostaria que se o usuário clicar uma vez ele aumenta um
se clicar de novo ele diminui um
igual do facebook like
dislike
.
Segue um exemplo do que tenho hoje
var count = 0;
$(".click").click(function() {
count++;
$(".click").css('opacity', "0.7");
$(".like").html(count + "Curtidas");
$(this).off(event);
});
.click {
cursor: pointer;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
<ul>
<li class='click'>Clique</li>
<li class='like'>0 curtidas</li>
</ul>
</div>
<div>
<ul>
<li class='click'>Clique</li>
<li class='like'>0 curtidas</li>
</ul>
</div>
<div>
<ul>
<li class='click'>Clique</li>
<li class='like'>0 curtidas</li>
</ul>
</div>