Всплывающий блок
Кликните!
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sit amet ipsum tellus.
Curabitur id lectus viverra magna pulvinar hendrerit. Cras pellentesque euismod faucibus.
Aliquam congue ullamcorper ante nec mattis. Ut enim turpis, congue sed eleifend nec, bibendum quis leo.
Html:
<a href="#j-modal__name" class="j-button">
Кнопка
</a>
<div id="j-modal__name" class="j-modal">
<div class="j-modal__content">
Содержимое всплывающего блока...
</div>
</div>
Комментарии:
href="#j-modal__name
Cсылка на id всплывающего блока (ссылка и id должны быть одинаковыми)
id="j-modal__name"
id всплывающего блока