Всплывающая функция в jquery

Question

Дело: я добавляю различные профили с изображением, именем, возрастом и полом в html-разделе.(Подумайте, Tinder, но показывать сразу 10 профилей). Мне нужна функция, которая выводит всплывающее окно с 'newInterests', распечатанными в p-теге, специфичном для каждого профиля.Если вы нажмете кнопку или если вы нажмете на изображение профиля, это не важно.

Я не могу найти способ сделать это, может у вас, ребята, есть решение?:) Заранее спасибо!

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

Примечание 2: let newInterests = profileInterests = profile.description;Распечатывает переменную.Я просто хочу, чтобы это было включено во всплывающее окно.

HTML:

<section id="profileSection">


</section>

JS:

$("#showAllMenBtn").click(function(){   

          $("#profileSection").html("");

          $(maleProfiles).each(function(index, profile){

               let profileImg = $("<img>", {src:`${profile.imageSrc}`});            
               let newName = profileName = profile.name;
               let newAge = profileAge = profile.age;
               let newGender = profileGender = profile.gender;
               //let newInterests = profileInterests = profile.description;     


               $("#profileSection").append(profileImg, newName, newAge, newGender);
          })

 });

Я получаю все из модуля JSON, который вы можете увидеть здесь: