Wordpress - открывать всплывающее окно при нажатии кнопки

Question

У меня есть этот код в .php, который извлекает контактную форму:

    echo '<div class="hsk-column4 hsk-agency-inquiry-form">';
    echo hsk_agency_enquiry_form();
    echo '</div>';

Как сделать так, чтобы всплывающее окно отображалось в контактной форме при нажатии кнопки с id="btn-contact"?

Спасибо.

Answer 1

Вы можете сделать это с помощью jQuery

PHP:

<button id="btn-contact">Open Contact</button>

<?php
    echo '<div class="hsk-column4 hsk-agency-inquiry-form">';
    echo hsk_agency_enquiry_form();
    echo '</div>';
?>

jQuery:

jQuery(document).ready(function( $ ) {
$("body").on("click", function(){
$(".hsk-column4.hsk-agency-inquiry-form").removeClass("active-form");
});

$("#btn-contact").on("click", function(event){
$(".hsk-column4.hsk-agency-inquiry-form").addClass("active-form");
event.stopPropagation();
});

});

CSS:

.hsk-column4.hsk-agency-inquiry-form {
display: none;
}
.active-form {
display: block;
}

Answer 2

Может быть, вы говорите о модалах?Должно помочь ...

https://getbootstrap.com/docs/4.0/components/modal/