Нашел в интернете как сделать модальное окно. Код рабочий, но только есть один нюанс, модальное окно срабатывает когда пользователь заходит на сайт.
А как сделать чтобы оно срабатывало только по нажатию мыши?
$(document).ready(function(){
PopUpHide();
});
function PopUpShow(){
$("#popup1").show();
}
function PopUpHide(){
$("#popup1").hide();
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="b-container">
Sample Text
<a href="javascript:PopUpShow()">Show popup</a>
</div>
<div class="b-popup" id="popup1">
<div class="b-popup-content">
Text in Popup
<a href="javascript:PopUpHide()">Hide popup</a>
</div>
</div>