FancyBox

https://qna.habr.com/q/706211

by ProjectSoft

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css">
<a data-type="description" data-src="#1" href="javascript:;">Подробнее</a><br><a data-type="form" data-src="#1" href="javascript:;">Заказать</a>
<hr>
<a data-type="description" data-src="#2" href="javascript:;">Подробнее</a><br><a data-type="form" data-src="#2" href="javascript:;">Заказать</a>

JavaScript

(function($){
	$(document).on('click', 'a[data-type]', function(e){
  	e.preventDefault();
    var data = $(this).data(),
    	content = $("<div><p>" + data.type + "</p><p>" + data.src + "</p></div>");
    $.fancybox.open( content, {
      touch: false
    });
    return !1;
  });
}(jQuery));