Изучаю CSS, JS и jQuery. 5
Простейшее модальное окно

Эксперименты с командой скрыть блок
Эксперименты с командой показать блок. Скрытие по клику на предыдущей гиперссылке.
Эксперименты с командой показать блок с фоном. Скрытие по клику на фоне.
Эксперименты с командой показать фон. Скрытие по клику на фоне.

Простейшее модальное окно с полной поддержкой HTML и всех плагинов!
Пример спойлера
Пример спойлера
\mu Закрытие окна по командам в начале данного поста! Или по клику на фоне, он если есть.
Коды

Таким образом получилось, на мой взгляд, простейшее модальное окно с фоном, закрывающееся по клику на фоне. Для позиционирования текста внутри окна удобно использовать вложенный div-блок telo_okna, как в уроке 2:

В функции вызова окна show_pop() удобно использовать оператор document.getElementById(element_id), чтобы в качестве аргумента прописывать просто id окна. Если использовать jQuery(element_id), то в качестве аргумента в команде вызова по клику нужно указывать id с решеткой:

Коды при использовании jQuery в функции вызове окна

Окончательно в данному уроке оставлен последний вариант с jQuery.

Если затем функцию оформлять в виде плагина, то интернет-ресурс рекомендуется в качестве фундамента плагина использовать код

Код плагина рекомендуется помещать в оболочку (function($){})(jQuery); для избегания конфликтов с другими использованиями знака доллара($).
Новые плагины присоединяются к объекту jQuery.fn.object.

Программа показа окна в обертке и ее вызов
Вызов блока с фоном при помощи функции в "обертке". Скрытие по клику на фоне.

Интернет-ресурс ruseller.com дает следующую рекомендацию для написания кода с использованием jQuery:

Другие уроки по теме:
1. Как найти, показать и скрыть div-блок
2. Показ/скрытие div-блока как модальное окно
3. Еще пример модального окна
4. Эксперименты с модальным окном

Осталось изучить создание модального окна по рекомендациям сайта http://www.paulund.co.uk/