С jQuery как предотвратить повторное открытие меню во время перезагрузки страницы?

Question

Меню повторно открывается только на Firefox, в моем коде я использовал mouseover и mouseout, но безуспешно. Что вы рекомендуете?

Меню снова открывается на Firefox

<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script>
        $(document).ready(function(){
            $(".level-top-mega").parent('li').mouseover(function(){
            $(".level-top-mega").show();
            });
            $(".level-top-mega").parent('li').mouseout(function(){
            $(".level-top-mega").hide();
            });
        });
</script>

<ul id="menu-deroulant">
    <li><a href="index.html">Lien menu 1</a>
        <ul class="level-top-mega">
            <li><a href="#">lien sous menu 1</a></li>
            <li><a href="#">lien sous menu 1</a></li>
            <li><a href="#">lien sous menu 1</a></li>
            <li><a href="#">lien sous menu 1</a></li>
        </ul>
    </li>
    <li><a href="index.html">Lien menu 2</a>
        <ul class="level-top-mega">
            <li><a href="#">Lien sous menu 2</a></li>
            <li><a href="#">Lien sous menu 2</a></li>
            <li><a href="#">Lien sous menu 2</a></li>
            <li><a href="#">Lien sous menu 2</a></li>
        </ul>
    </li>
</ul>