Открыть пост на родительской странице с изменением url

Имеется родительская страница на которой выводятся посты 'post_type' => 'employee' содержащие часть информации из поста (фото + имя).

Каждый отдельный пост, это ссылка на дочернюю страницу с полной информацией из поста. При клике на отдельный пост не должен происходить переход на дочернюю страницу, а должно открыться модальное окно с полной информацией из поста.

Кроме того при открытии модального окна, ссылка должна иметь вид ttp://site.dev/team/nameemployee, т.е. к url - ttp://site.dev/team/ необходимо добавить имя nameemployee.

Как можно реализовать подобное?

Тут код шаблона страницы.

Есть некий js код, но я не понимаю как он работает:

var updatestate;
updatestate = function(state){
    if(!state) return;
    content.innerHTML = content || 'not found';
};
window.addEventListener('popstate', function(e){
   updatestate(e.state);
});
$('#singleEmployee').click(function(e){
    var state;
    if (e.target.tagName !== 'a') return;
    state = {
        page: e.target.getAttribute('href')
    };
    history.pushState(state, '', state.page);
    updatestate(state);
    e.preventDefault();
});