How do I stop the cascade effect of a selector
I want the list to close when the user clicks off the list. So anywhere on the page. That's why i'm using the body tag as the selector but if they click on my list I don't want the function to fire.
$('body:not(.mylist)').click(function () {
if ($('.dropdown1on').size() > 0) {
$('.dropdown1 ul').hide();
$(this).removeClass('dropdown1on');
};
});