Доброго времени суток!
есть такой вот код
function openbox(id){
display = document.getElementById(id).style.display;
if(display=='block'){
document.getElementById(id).style.display='none';
document.getElementById('close').style.display='none';
}else{
document.getElementById(id).style.display='block';
document.getElementById('close').style.display='block';
}
}
а так же меню
<div class="sidebar">
<ul>
<li><a href="/" class="f_item"><span>»</span> Главная</a></li>
<li><a href="/" class="f_item"><span>»</span> Медицинские услуги</a></li>
<li><u onclick="openbox('pi'); return false" class="f_item click_menu"><span>»</span> подготовка к исследованиям</u>
<ul class="open_menu" id="pi">
<li class="s_item"><span>»</span> <a href="/">Сбор мочи</a></li>
<li class="s_item"><span>»</span> <a href="/">УЗИ</a></li>
<li class="s_item"><span>»</span> <a href="/">Исследование на энтеробиоз</a></li>
<li class="s_item"><span>»</span> <a href="/">Посев мокроты</a></li>
<li class="s_item"><span>»</span> <a href="/">Холтеровское мониторирование</a>
<ol>
<li class="t_item"><span>-</span> <a href="/">Электроэнцефалография (ЭЭГ)</a></li>
<li class="t_item"><span>-</span> <a href="/">Реоэнцефалография (РЭГ)</a></li>
<li class="t_item"><span>-</span> <a href="/">Реовазография (РВГ)</a></li>
<li class="t_item"><span>-</span> <a href="/">Функция внешнего дыхания (ФВД)</a></li>
<li class="t_item"><span>-</span> <a href="/">Электрокардиография (ЭКГ)</a></li>
</ol>
</li>
<li class="s_item"><span>»</span> <a href="/">Исследование мазка из зева</a></li>
<li class="s_item"><span>»</span> <a href="/">Подготовка к фиброгастроскопии</a></li>
<li class="s_item"><span>»</span> <a href="/">Подготовка к осмотру врачом-проктологом</a></li>
<li class="s_item"><span>»</span> <a href="/">Подготовка к рентгену</a></li>
<li class="s_item"><span>»</span> <a href="/">Подготовка к консультации гинеколога</a></li>
</ul>
</li>
<li><a href="/" class="f_item"><span>»</span> Запись на прием</a></li>
<li><u onclick="openbox('about'); return false" class="f_item click_menu"><span>»</span> О цкдд малыш</u>
<ul class="open_menu" id="about">
<li class="s_item"><span>»</span> <a href="/">Об организации</a></li>
<li class="s_item"><span>»</span> <a href="/">Наши новости</a></li>
<li class="s_item"><span>»</span> <a href="/">Контакты</a></li>
</ul>
</li>
<li><a href="/" class="f_item"><span>»</span> Фотогалерея</a></li>
<li><a href="/" class="f_item"><span>»</span> Вакансии</a></li>
<li><a href="/" class="f_item"><span>»</span> Прайс</a></li>
<li><a href="/" class="f_item"><span>»</span> Форум</a></li>
</ul>
<div id="close" onclick="openbox('pi'); return false"></div>
</div>
когда нажимаешь на пункт меню подготовка к исследованиям
открывается скрытое меню, а так же разворачивается фиксированный div #close на всю страницу, так чтобы при клике в любое место кроме меню, второе меню скрывалось.
Как мне сделать так что бы можно использовать несколько таких вложенных меню, может на #close повесть через onclick чтобы у класса open_menu менялся display?