jquery - jQuery点击隐藏修复

Answer 1

单击 div 本身时，您可以简单地防止单击冒泡到外部单击：

$(".slidingDiv").click(function(e){
    e.stopPropagation();
});

http://jsfiddle.net/S4hcf/4/

Answer 2

您最初可以将显示设置div为display:none

      .slidingDiv{
            display:none;
                 }

并为其编写以下脚本toggle

  $('.show_hide').click(function(event){
    event.stopPropagation();    
    $(".slidingDiv").slideToggle();
   });

参考这个小提琴http://jsfiddle.net/Kritika/qhXcf/

Answer 3

添加$(event.target).hasClass('.slidingDiv')到您的条件

$('html').click(function(event){
    if($(event.target).hasClass('.slidingDiv') && $('.slidingDiv').is(':visible')){
        $('.slidingDiv').hide(); 
    } 
});

演示：http: //jsfiddle.net/S4hcf/5/

Answer 4

你可以试试

$(".slidingDiv").click(function(e){
    e.stopPropagation();

});

http://jsfiddle.net/S4hcf/1/