0

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

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>
4
  • $(".like_1_desctop").click(function() { $(".like_1_desctop").toggleClass("active"); }); 15 мая 2018 в 11:57
  • не очень понятно, я новичок 15 мая 2018 в 12:05
  • вместо того чтобы сразу писать css в дж будет меняться класс "active" на который напишете .customSprite:hover, .customSprite:active, .customSprite.active { margin-top: -66px; } 15 мая 2018 в 12:08
  • спасибо вам, я понял 15 мая 2018 в 12:11

1 ответ 1

0

$('.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>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.