当你点击一个滑动div的外部时,如何使它成为一个关闭的div?

也许是这样的 http://jsfiddle.net/HE2Qg/

$(".black ").hide().click(function(){
    return false;
});
$(".white").show().click(function(){
    $(".black ").slideToggle(150);
    return false;
});
$(document).click(function(){
    $(".black ").slideUp(150);
});

试试这个。

http://jsfiddle.net/7QNnJ/1/

$(".black ").hide();
$(".white").show();
$('.white').click(function(e){
    $(".black ").slideToggle(150);
    e.stopPropagation();
});

$(document).on('click', function(e){
    if( !$('.black').is(":hover")){
        $('.black').slideUp();
    }
});

您需要更改单击功能:

$('.white').click(function(event) {
  $(".black ").slideToggle(150);
  event.stopPropagation();
});

并添加这两个功能:

$(".black").click(function(event) {
  event.stopPropagation();
});

$("html").click(function() {
  $(".black").slideToggle(150);
});

这样,如果您单击页面上的任何位置 html 的单击处理程序将尝试关闭 div 。但是,如果您正在单击 分区 或“点击我”链接, event.stopPropagation() 将阻止事件到达 html格式 的单击处理程序。

Here is a demo