Welcome to Help center

We are here to help

Modal blocks

Follow

modal.jpg

HTML:

        <button type="button" id="button" data-toggle="modal"
                data-target="#appointmentRequest">request an appointment</button>
        
        <div class="modal" id="modalBlock" tabindex="-1" role="dialog"
                aria-labelledby="myModalLabel">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-body">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">×</span>
                        </button>
                        <div>
                            <p>Your content</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    

Js

        $('#button').on('click', function () {
            $('#modalBlock').modal('toggle');
        });
Top
Powered by Zendesk