Skip to content
Сеть учебных сайтов
Цифровая экономика и информационные технологии
Search for:
Log in
Register
Menu
Close
Сеть
Сайты
Пользователи
Группы
Активность
Песочница
Задания
JS
PHP
Примеры
PHP
Учебные материалы
Документация
htmlbook
Bootstrap5
JS
jQuery API
Документация PHP
Документация WordPress
wp-kama
HTML+CSS
JS
PHP
WordPress
Выбор темы WordPress
Python
Подготовка к гос-экзаменам
Литература
Управление ИТ-сервисами и контентом
Системы управления контентом(CMS)
Инструменты веб разработки
Электронный бизнес
Технология Lean Startup
Управление интернет-проектом
Сеть
Сайты
Пользователи
Группы
Активность
Песочница
Задания
JS
PHP
Примеры
PHP
Учебные материалы
Документация
htmlbook
Bootstrap5
JS
jQuery API
Документация PHP
Документация WordPress
wp-kama
HTML+CSS
JS
PHP
WordPress
Выбор темы WordPress
Python
Подготовка к гос-экзаменам
Литература
Управление ИТ-сервисами и контентом
Системы управления контентом(CMS)
Инструменты веб разработки
Электронный бизнес
Технология Lean Startup
Управление интернет-проектом
Search for:
Log in
Register
Home
Phpscrs
<div class="moda1-container"> <div class="moda1"> <div class="moda1-content-container"> <div class="moda1-close-container"> <div class="moda1-close"> X </div> </div> <div class="moda1-content"> <div class="moda1-title"> Hello </div> <div class="moda1-text"> Hello this test modal window </div> </div> </div> </div> </div>
jQuery(document).ready(function($){ $('.acc-headline').click(function(){ $(this).next().toggle(); }); });
.moda1-container { width: 100vw; height: 100vh; position: absolute; top: 0; left: 0; display: flex; justify-content: center; align-items: center; background-color: #000000a6; z-index: 999999; } .moda1-content-container { display: flex; flex-direction: column; padding: 5px; background-color: white; } .moda1-close-container { display: flex; flex-flow: row-reverse; } .moda1-content { padding: 20px; }
Results:
X
Hello
Hello this test modal window
