Argeares,
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
.box {
height: 300px;color:#fff;
width: 200px;
background: black;
display: none;
}
.toggler {
background: red;
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
$(function() {
$('.toggler').click(function(event) {
event.preventDefault()
var i = $('.toggler').index(this)
$('.box').eq(i).stop().slideToggle();
});
}); </script>
</head>
<body>
<a class="toggler" href="#">Открыть</a>
<div class="box" >Отображаемый блок</div>
<br>
<a class="toggler" href="#">Открыть</a>
<div class="box" >Отображаемый блок</div> <br>
<a class="card__whoop toggler" href="#">Открыть</a>
<div class="whoop_pop box">
<form>
<p>Сообщить об ошибке</p>
<a href="#">Неправильно указана начальная цена</a>
<a href="#">Цена не обновляется у товара</a>
<a href="#">Неправильно указан товар</a>
<a href="#">Другая причина (написать причину)</a>
<textarea></textarea>
<button>Отправить</button>
</form>
</div>
</body>
</html>