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

Question

Я не могу написать Javascript, но у меня есть фрагмент, который я добавляю в веб-страницу. В настоящее время у моего кода есть указатель мыши, который откроет скрытый div. Тем не менее, в скрытом 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');> 

Благодарим за ваше время!