<HTML>
<HEAD>
<script language="javascript" type="text/javascript">
function menuhide(menunum)
{
var currentmenu = document.getElementById("navbody" + menunum);
currentmenu.style.visibility = 'hidden';
}
function menushow(menunum)
{
var currentmenu = document.getElementById("navbody" + menunum);
currentmenu.style.visibility = 'visible';
}
</script>
<style type="text/css">
.navhead {
width: 100px;
padding: 4px;
font-weight: bold;
color: blue;
text-decoration: underline;
cursor: pointer;
background-color: #f0f0f0;
border: solid 1px #666"
}
#navbody1 { visibility: hidden; }
</style>
</HEAD>
<BODY>
<div onmouseout="menuhide('1');" onClick="menushow('1');" style="float: left; width: 100px; margin: 2px;">
<div class="navhead">Информация</div>
<div id="navbody1" style='visibility: hidden'>
<a href="/news.html">Новости</a><br />
<a href="/products.html">Товары</a><br />
<a href="/about.html">О компании</a>
</div>
</div>
</BODY>
</HTML>
Нужно сделать следующее: при клике на поле Информация, открывается подменю по которому можно спокойно перемещаться. Когда отводишь мышку поле исчезает. Сейчас почему то подменю исчезает, как только я пытаюсь переместить на него курсор.