Доброго времени суток.
Имеется меню
<ul id="nav">
<li><a href="#"><i class="glyphicon glyphicon-wrench"></i> Услуги</a>
<div class="subs">
<div>
<ul>
<li><h3>Submenu #1</h3>
<ul>
<li><a href="#">Link 1</a></li>
</ul>
</li>
</ul>
</div>
</div>
</li>
</ul>
и
jQuery(window).load(function() {
$("#nav > li > a").click(function () { // binding onclick
if ($(this).parent().hasClass('selected')) {
$("#nav .selected div div").slideUp(100); // hiding popups
$("#nav .selected").removeClass("selected");
} else {
$("#nav .selected div div").slideUp(100); // hiding popups
$("#nav .selected").removeClass("selected");
if ($(this).next(".subs").length) {
$(this).parent().addClass("selected"); // display popup
$(this).next(".subs").children().slideDown(200);
}
}
});
});
при клике на пункт меню, раскрывается субменю, и также закрывается...
как сделать чтобы оно еще закрывалось при клике в любом месте сайта?
пожалуйста подскажите...
