madelinelise
11/21/2017 - 6:09 PM

A simple & lightweight method of displaying modal windows with jQuery. https://github.com/kylefox/jquery-modal

A simple & lightweight method of displaying modal windows with jQuery. https://github.com/kylefox/jquery-modal

<!-- Remember to include jQuery :) -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>

<!-- jQuery Modal -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-modal/0.9.1/jquery.modal.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-modal/0.9.1/jquery.modal.min.css" />

<!-- Modal -->
<div id="modal-id" class="modal">
  <h2>Modal Title</h2>
  <p> Modal Text </p>
  <a href="#" rel="modal:close">Close</a>
</div>

<!-- Link to open the modal -->
<p><a href="#modal-id" rel="modal:open" class="help-tip">?</a></p>