Застрял с JQUERY

204
21 мая 2018, 21:10

При клике на лайк он становится красным, при втором клике я хочу снять красный цвет с лайка.

JS: 

$(function() {
  $(".like_1_desctop").click(function() {
    $(".like_1_desctop").css("margin-top", "-66px");
  });
});

CSS: 

.customSprite:hover,
.customSprite:active {
  margin-top: -66px;
}

HTML: 

<div class="customSprite max like_1_desctop">
  <img class="" src="img/dekstop_like_custom_1.png" alt="">
</div>
Answer 1

$('.like_1_desctop').click(function() { 
  $(this).toggleClass('active'); 
});
.like_1_desctop { 
  width: 20px; 
  height: 20px; 
  background-color: black; 
  cursor: pointer; 
} 
 
.like_1_desctop.active { 
  background-color: red; 
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<div class="customSprite max like_1_desctop"> 
   
</div>

READ ALSO
Выполнение скрипта в рамках цикла
jQuery

Выполнение скрипта в рамках цикла

Имеется на сайте цикл, где выводится в виде:

 208
Анимированная тень на JS не работает
jQuery

Анимированная тень на JS не работает

Прописываю анимацию для объекта на страницеМенять размеры получается

 198
Изменять value при нажатие checkbox
jQuery

Изменять value при нажатие checkbox

ВкратцеЗадумка такая: Есть поле с числом, и несколько чекбоксов с процентом

 185
Считывание файлов из INPUT с помощью JQ
jQuery

Считывание файлов из INPUT с помощью JQ

Вопрос из темы конченная наркомания, но прошу понять и простить

 189