Нужно реализовать появление обратной стороны карточки, при нажатии на кнопку внутри этой конкретной карточки.
Блок с карточками выглядит вот так:
При нажатии на кнопку "Know More" у этой карточки должен появляться блок с подробной информацией.
Код прилагаю:
<div class="item">
<h4>DESIGNING IS THE COOL</h4>
<p>Our most popular service is our Virtual Receptionist. We know that ...</p>
<span class="card_btn">Know More <i class="fas fa-arrow-right"></i></span>
<div class="card_more">
<h4>DESIGNING IS THE COOL LOVE FOR</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt repudiandae autem omnis, deleniti eos laudantium iste quia architecto corrupti ad cupiditate, blanditiis iusto placeat libero cum similique dolore officiis consequuntur.</p>
<span class="card_exit"><i class="fas fa-times"></i></span>
</div>
</div>
При нажатии на кнопку с классом know_more
, должен появляться блок с классом card_more.
Сложность состоит в том, что не понятно как реализовать появление блока у конкретной карточки, а не у всех сразу.
Буду очень признателен за помощь!