как остановить загрузку страницы из истории браузера

Question

Я использую

$(function(){ 

   $("#header").load("header.html"
   $("#footer").load("footer.html"); 
 });

для загрузки верхнего и нижнего колонтитула на всех страницах сайта. Но у меня есть скрипт для строки меню в заголовке.

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script> 
$(document).ready(function(){
    $("#flip").click(function(){
        $("#panel").slideToggle("very slow");
    });
});

function myFunction(x) {
    x.classList.toggle("change");
}
</script>

<script type="text/javascript">

    window.onload = function() {
        alert("sfdfsd");
        document.getElementById('panel').style.display = 'none';
        };
</script>

---------- ************** --------------

проблема в том, что, когда я загружаю другую страницу, заголовок перезагружается не полностью. вместо этого он загружается из истории, и мой стиль строки меню будет изменен на значение "блок".

Кто-то, пожалуйста, помогите мне полностью загрузить заголовок на каждой странице.