Question

In this small jsFiddle http://jsfiddle.net/PcWjA/22/ I am trying to make a ul go display:none when there’s a click on the body (or anywhere not on the list items) and that workst the first time there’s a click on the body. But after that the script seems to loop and shows/hides the ul to flash.

Answer 1

I have another answer
http://jsfiddle.net/FfBzT/

jQuery(document).ready(function() {
    jQuery('.hour_dropdown').hide()
    $(window).click(function (event) {
        if ($(event.target).hasClass("hour_dropdown") ||
            $(event.target).parents(".hour_dropdown").size() > 0 ||  
            $(event.target).hasClass("more")){
                 // do nothing....
            } else {
                    $('.hour_dropdown').fadeOut(200);
            }
    });
    jQuery('.more').click(function() {
        //if ($('.hour_dropdown').css("display")=="none") {
            $('.hour_dropdown').fadeToggle(200);
        //}
    });
});​