Состояние Onmouseover показывает div;изменить область, так что остается открытым

Question

Я не могу написать Javascript, но у меня есть фрагмент, который я добавляю на веб-страницу.В настоящее время в моем коде есть указатель мыши, который показывает скрытый элемент div.Однако в скрытом элементе навигации есть навигация, которая немедленно исчезнет, ​​когда пользователь попытается щелкнуть ссылку, поскольку пользователю необходимо отвести свою мышь от исходного триггера, чтобы перейти к навигации.

Вот мойJavascript:

<script language="JavaScript">
    function toggle(id) {
        var state = document.getElementById(id).style.display;
            if (state == 'block') {
                document.getElementById(id).style.display = 'none';
            } else {
                document.getElementById(id).style.display = 'block';
            }
        }
</script>

Вот мой HTML:

<nav>
    <ul>
        <li class="ovr"><a href="#" onmouseover="toggle('hidden1');" onmouseout="toggle('hidden1');">Overview</a></li>
    </ul>
</nav>


<div class="container">
<div id="hidden1">
    <ul>
        <li><a href="#description">Description</a></li>
        <li><a href="#objectives">Objectives</a></li>
        <li><a href="#semestertopics">Semester Topics</a></li>
        <li><a href="#greenteaching">Green Teaching</a></li>
        <li><a href="#howtodowellinthiscourse">How to Do Well in this Course</a></li>
    </ul>
</div>

Если бы на мой вопрос уже был дан ответ, указатель в правильном направлении был бы очень признателен - у меня нетправильный словарный запас для правильного поиска.

Спасибо!

Answer 1

В итоге я ответил на свой вопрос. Чтобы держать скрытый div открытым, когда пользователь прокручивал его, и чтобы он снова исчезал, когда он больше не нужен, я просто добавил функции «onmouseover» и «onmouseout» к скрытым div.

<div id="hidden1" onmouseover="toggle('hidden1');" onmouseout="toggle('hidden1');>

Спасибо за ваше время!