Здравствуйте! Есть такой код: скрипт: <script type="text/javascript"> <!-- function show(id) { var d = document.getElementById(id); for (var i = 1; i<=10; i++) { if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';} } if (d) {d.style.display='block';} } function hide(id) { var d = document.getElementById(id); for (var i = 1; i<=10; i++) { if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='block';} } if (d) {d.style.display='none';} } //--> </script> приминение скрипта к этой части: <div id="menu"> <ul class="top_menu_item" > <li onmouseover="java script:show('smenu2');" onmouseout="java script:hide('smenu2');">О компании</li> <ul id="smenu2" class="sub"> <li><a href="#">Sub Menu 1.3</a></li> <li><a href="#">Sub Menu 1.3</a></li> <li><a href="#">Sub Menu 1.3</a></li> <li><a href="#">Sub Menu 1.3</a></li> <li><a href="#">Sub Menu 1.3</a></li> <li><a href="#">Sub Menu 1.3</a></li> </ul> <li onmouseover="java script:show('smenu1');" onmouseout="java script:hide('smenu1');">продукция</li> <ul id="smenu1" class="sub"> <li><a href="#">Menu 1.3</a></li> <li><a href="#">Menu 1.3</a></li> <li><a href="#">Menu 1.3</a></li> <li><a href="#">Menu 1.3</a></li> <li><a href="#">Menu 1.3</a></li> <li><a href="#">Menu 1.3</a></li> </ul> </ul> как сделать так, чтоб по уходу мыши с "продукции" и "о компании" снова sub исчезали? я уже попытался проэкспериментировать, получается следующее: водишь по пунктами выпадает то что нужно, уходищь с пункта меню отсается выпадающее поле от соседнего пункта помогите, пожалуйста.