Jquery 单击关闭打开的容器

容器最初是隐藏的

当单击“.myclass”时，容器打开

容器应保持打开状态，直到单击任何内容！在“.container”之外

当单击“.myclass”时，容器也应关闭

“div class='myclass'”内部的元素不会完全重叠父div，因此用户可以单击父div或任何内部元素（取决于单击位置）

这里的问题：“.container”打开后立即关闭

代码如下

<div class="myclass">
<div>
    <div>
        <div>
        </div>
    </div>
    <div>
    </div>
</div>
</div>
<div class="container"></div>


<script>
//click to open
$(".myclass").click(function(){

        var target = $('.container'); 
        if( target.is(':hidden') ) {
            $(".container").slideDown("fast");
        } else {
            $(".container").slideUp("fast");
        }
    });

//click outside to close 
$(document.body).click(function(event){ 
        var outside_area = $(event.target); 

        if (!outside_area.is(".myclass") && !outside_area.is(".container") ){ 
            $(".container").slideUp("fast");    
        }
    }); 

//点击打开
$（“.myclass”）。单击（函数（）{
var target=$（'.container'）；
if（target.is（'：hidden'））{
$（“.container”）。向下滑动（“快速”）；
}否则{
$（“.container”）.slideUp（“fast”）；
}
});
//单击“外部”关闭
$（document.body）。单击（函数（事件）{
区域外的变量=$（event.target）；
如果（！outside_area.is（“.myclass”）&（！outside_area.is（“.container”）{
$（“.container”）.slideUp（“fast”）；
}
}); 

$(".myclass").click(function(){

    var target = $('.container'); 
    if( target.is(':hidden') ) {
        $(".container").slideDown("fast");
    } else {
        $(".container").slideUp("fast");
    }
});

$(document.body).click(function(){ 
   $(".container").slideUp("fast");    
}); 
$(".container, .myclass").click(function(event){
     event.stopPropagation();
});