[Argeares]

что то не работает у меня. смотрите мой код.

$(document).ready(function() {
    $(function() {
        $('.toggler').click(function(event) {
           event.preventDefault()
           var i = $('.toggler').index(this)
           $('.box').eq(i).stop().slideToggle();
       });
    });
});

<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>

в css дисплей ноне стоит.
и оно как бы всплывает но почему то невидимое.