Display:none

[inweb]

Здравствуйте!

Есть такой код:

скрипт:

<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 исчезали? я уже попытался проэкспериментировать, получается следующее: водишь по пунктами выпадает то что нужно, уходищь с пункта меню отсается выпадающее поле от соседнего пункта

помогите, пожалуйста.

[Ogalig]

То что ты хочешь легче и эффективнее реализовать на КСС. Поищи про выпадающие КСС меню.

[xaero]

S tebya $10

http://www.noupe.com/css/multilevel-drop-d...-tutorials.html

[maza]

хорошая ссылка, спасибо! (уже в favorites)

Edited October 13, 2008 by maza