Как сделать модальные окна под каждый блок?

Сюда код html/css не прикрепила ибо он великоват. Прошу перейти по ссылке, где размещён мой тестовый сайт: http://www.bpreview.ru.kh.ua/news.html

При нажатии на кнопку подробнее всплывают сразу все модальные окна, как это исправить через цикл на jQuery/JS?

Ниже код файла news.js - для модальных окон

$( document ).ready(function(){
    /*---------Страница "Новости"-----------------*/

        /*  Первая новость  */
        $('#one').click(function() {
            $('#popup-fade1').fadeIn();
        }); 

        // Клик по ссылке "Закрыть".
        $('#popup__close_one').click(function() {
            $(this).parents('#popup-fade1').fadeOut();
            return false;
        });        
     
        // Закрытие по клавише Esc.
        $(document).keydown(function(e) {
            if (e.keyCode === 27) {
                e.stopPropagation();
                $('#popup-fade1').fadeOut();
            }
        });
        
        // Клик по фону, но не по окну.
        $('#popup-fade1').click(function(e) {
            if ($(e.target).closest('#popup1').length == 0) {
                $(this).fadeOut();                  
            }
        });

        /*  Вторая новость  */
        $('#two').click(function() {
            $('#popup-fade2').fadeIn();
            return false;
        }); 

        // Клик по ссылке "Закрыть".
        $('#popup__close_two').click(function() {
            $(this).parents('#popup-fade2').fadeOut();
            return false;
        });        
     
        // Закрытие по клавише Esc.
        $(document).keydown(function(e) {
            if (e.keyCode === 27) {
                e.stopPropagation();
                $('#popup-fade2').fadeOut();
            }
        });
        
        // Клик по фону, но не по окну.
        $('#popup-fade2').click(function(e) {
            if ($(e.target).closest('#popup2').length == 0) {
                $(this).fadeOut();                  
            }
        });
});