Jquery выпадающее меню
 

Скажите пожалуйста у меня есть выпадающее меню, я нажимаю на заголовок h2 b у меня внизу выпадает список, мне надо чтобы он закрывался когда я кликну на любом месте страницы.
код jquery у меня такой

jQuery(document).ready(function($) {
jQuery(“li.widget_archive h2″).click(function () {
jQuery(“li.widget_archive ul”).slideToggle(“normal”);
});
jQuery(“li.widget_categories h2″).click(function () {
jQuery(“li.widget_categories ul”).slideToggle(“normal”);
});
jQuery(“li.widget_links h2″).click(function () {
jQuery(“li.widget_links ul”).slideToggle(“normal”);
});
});

Я вставил
<script type="text/javascript">
jQuery(document).ready(function($) {
jQuery("li.widget_archive h2").click(function () {
jQuery("li.widget_archive ul").slideToggle("normal");
});
jQuery("li.widget_categories h2").click(function () {
jQuery("li.widget_categories ul").slideToggle("normal");
});
jQuery("li.widget_links h2").click(function () {
jQuery("li.widget_links ul").slideToggle("normal");
});
});
jQuery(document).click(function(){
jQuery("li.widget_archive ul, li.widget_categories ul, li.widget_links ul").slideUp()
})
</script>
теперь оно при наведении секунду вылазит а после убирания мышки сразу исчезает а мне надо чтобы при клике на люую часть экрана выпадающее меню сворачивалось

Это просто функция, как при щелчке на любое место закрыть все блоки. Просто вставить ее, чтобы "вживить" недостаточно, у меня просто мало времени, извините, если ввел в заблуждение.

не факт