Выпадающее меню

[Hobbit]

Есть простое выпадающее меню:
JavaScript:

Спойлер

function shiftMenu(n)
{
var el = document.getElementById('Menu'+n);
if ( el.style.display == 'none' )
el.style.display = 'block'
else
if ( el.style.display == 'block' )
el.style.display = 'none';
};[/spoil]

HTML:
[spoil] <ul><li><a href="javascript:shiftMenu(1)">Раздел1</a></li></ul>
<ul id="Menu1" style="DISPLAY: none;">
<li><a href="#">Подраздел1</a></li>
<li><a href="#">Подраздел2</a></li>
<li><a href="#">Подраздел3</a></li>
</ul>

Все замечательно работает. Но как бы его изменить, чтобы выпавшее меню закрывалось после клика не пункту Раздел1, а по клику в любой области экрана?

 

[antiterror]

Все замечательно работает. Но как бы его изменить, чтобы выпавшее меню закрывалось после клика не пункту Раздел1, а по клику в любой области экрана?

В гоогле много решений таких проблем, попробуй так, при нажатии пробежаться по всем li и закрыть все кроме той что у тебя должна открыться. Для этого используют FOR, но и каждый меню должно иметь свой ID

 

[Igor0001]

вот пример
Для просмотра ссылки Войди или Зарегистрируйся

 

[denik]

Сама реализация:

Добавьте в начало ф-ции события клика по пункту это:

event.stopPropagation();

И добавьте еще общее событие:

$("body").click(function(){
// здесь закрываете всплывающее меню
});

(это как бы теория, если хотите разобраться...)