jquery simplebox Плагин для модальных окон (от jetcoders)

Идя состоит в том, что некоторым ссылкам с некоторым классом (например .simplebox) и с якорным адресом будет привязан обработчик события клика, который покажет модально блок, id которого "совпадает" с якорным адресом этой ссылки, т.е. как бы формируются пары "ссылка -- блок".

Привязка событий

Например, есть html блока:

<div class="modal" id="modal01">
	<span class="close">close</span>
	<p>Some text</p>
</div>

Тогда создадим ссылку:

<a class="simplebox" href="#modal01">Open modal01</a> 

И привяжем события для всех ссылкой с классом симплбокс, в том числе и для нашей:

$(function() {
	$('.simplebox').simplebox();
});

Открытие модального окна из кода (JS)

Достаточно сделать такой вот вызов с указанием id модального окна:

$.simplebox('#modal01');

Источники

Скачать плагин (и почитать оригинальную документацию): https://github.com/JetCoders/simplebox