Объясните, пожалуйста, как показывать только одну кнопку?

Question

[montpellier]

Есть несколько карточек, при нажатии на кнопку, она скрывается и появляется текст, затем при нажатии закрыть кнопка опять должна появляться, она появляется, но на всех карточках.
$('.aboutfilm').css('display','inline');
HTML

<div class="card ">
                        <img class="card-img-top" src="img/korolevskii korgi-min.jpeg" alt="Card image cap">
                        <div class="card-img-overlay h-auto d-flex flex-column justify-content-end">
                                <p class="closer">Закрыть</p>
                                <button class="aboutfilm btn text-white">О фильме</button>
                            <div class="test">
                                <p class="card-text">Текст</p>
                            </div>                              
                        </div>                                           
                </div>

Comments

[Николай Чуприк]

Вместо метода css( 'display', 'inline' ) пользоваться методом show().

Answer 1

[DanKud]

$('.closer').each(function() {
    $(this).on('click', function() {
        $(this).next('.aboutfilm').show();
    });
});

Comments

[montpellier]

Спасибо, второй раз выручаешь уже