jquery - ボディをクリックしてjQueryのdivを閉じる/切り替える

Question

この小さな jsFiddle http://jsfiddle.net/PcWjA/22/で、本文 (またはリスト項目以外の場所) をクリックしたときに ul go display:none を表示しようとしています。体をクリックします。しかし、その後、スクリプトはループしているように見え、ul を表示/非表示にしてフラッシュします。

Answer 1

イベントのバブリングが難しくなるため、私は通常、これらのタイプのイベントを本体にバインドしません。close イベントを表示して処理する固定オーバーレイを作成することをお勧めします。

http://jsfiddle.net/PcWjA/33/

jQuery(document).ready(function() {
    jQuery('.hour_dropdown').hide()

    $('.more').on('click', function() {
        $('.hour_dropdown').fadeToggle(200);
        $('#overlay').show();
    });

    $('#overlay').on('click', function() {
        $('.closeable').fadeOut();
        $(this).hide();
    });
});​