1

Как при клике на ссылку добавить класс и удалить его?

$(".link").click(function() {
  $(".block").addClass('active');
});
.block {
  width: 100%;
  height: 100px;
  display: none;
  background: black;
}

.active {
  display: block;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="link">Ссылка</div>
<div class="block"></div>

1
  • вместо addClass -> toggleClass
    – meine
    18 фев 2020 в 9:19

1 ответ 1

2

$(".link").click(function() {
  $(".block").toggleClass('active');
});
.block {
  width: 100%;
  height: 100px;
  display: none;
  background: black;
}

.active {
  display: block;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="link">Ссылка</div>
<div class="block"></div>

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.