пример от сюда https://gohtml.ru/js/149-modalnoe-okno-jquery ниже то что я скопировал в 1 файл. кнопки в этом примере нет, если добавить div где я указал то все робит но контента нет, тока заголовок Код (Javascript): <!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> #btn-show-modal { padding:10px; color:#777; background:#eee; display: inline-block; cursor:pointer; } #modal-window { position: fixed; left: 50%; top: 25%; margin-left: -25%; width: 50%; background: #fff; text-align: center; box-shadow: 0 0 15px 5px rgba(0,0,0,0.1); display: none; z-index: 1; } #modal-window.visible { display: block; } #modal-window > .modal-title { display: inline-block; padding: 25px; font-size: 20px; } #modal-window > .modal-content { text-align: left; padding: 25px; font-size: 16px; } #modal-window > .modal-close { float: right; width: 35px; height: 35px; line-height: 35px; border-radius: 50%; cursor: pointer; font-size: 30px; margin: 15px; color: #ddd; } #modal-window > .modal-close:hover { background: #ddd; color: #fff; } </style> </head> <body> <h1>Модальное окно.x</h1> <div id='modal-window'> <div class="modal-title"></div> <div class="modal-close">×</close> <div class="modal-content"></div> </div> [B]</div>!!! Если этот див добавить то кнопку видно но контента нет[/B] <div id='btn-show-modal' onclick="modal('Какой же ответ на главный вопрос?', 'Кантент тута')">Показать модальное окно</div> <script> function modal(title, content) { $('#modal-window').toggleClass('visible'); $("#modal-window > .modal-title").html(title || ""); $("#modal-window > .modal-content").html(content || ""); } $(document).on("mousedown", function(e) { if ( $("#modal-window").hasClass('visible') && e.target.className === 'modal-close' || !$("#modal-window")[0].contains(e.target) ) { $("#modal-window").removeClass("visible"); } }); </script> </body> </html>