Нужно добавить второе модальное окно, ломаю голову, как это сделать. Может можно привязать на кнопу id и получать его вместо класса $('.popup-open').click(function() { ., ?
<div class="popup-fade">
<div class="popup">
<a class="popup-close" href="#">Закрыть</a>
<p>Всплывающие окна имеют широкий диапазон применений...</p>
</div>
</div>
<script>
$(document).ready(function($) {
$('.popup-open').click(function() {
$('.popup-fade').fadeIn();
return false;
});
$('.popup-close').click(function() {
$(this).parents('.popup-fade').fadeOut();
return false;
});
$(document).keydown(function(e) {
if (e.keyCode === 27) {
e.stopPropagation();
$('.popup-fade').fadeOut();
}
});
$('.popup-fade').click(function(e) {
if ($(e.target).closest('.popup').length == 0) {
$(this).fadeOut();
}
});
});
</script>