Вообщем есть такой код:
.d-none {display:none}
<div id="main">Index page</div>
<div id="faq" class="d-none">Index page</div>
<li><a href="/" onclick="mainh()">Главная</a></li>
<li><a href="/faq" onclick="faqh()">FAQ</a></li>
Его функции:
function mainh(){
$('#main').removeClass('d-none');
$('#faq').addClass('d-none');
event.preventDefault();
history.pushState(null, null, '/');
$('title').text('NameSite - Index');
}
function faqh(){
$('#main').addClass('d-none');
$('#faq').removeClass('d-none');
event.preventDefault();
history.pushState(null, null, '/faq');
$('title').text('NameSite - FAQ');
}
В целом все работает, но как при нажатии на "назад" в браузере, возвращать пользователя на прошлую функцию, так как в данный момент меняется только url в строке браузера, а функции не выполняются