单击div除了一个div

Question

我点击div有问题。

示例：

<div class="search">
     <div class="row">

     </div>
     <div class="row1">
         DROPDOWN
     </div>
</div>

尝试jQuery：

$('body').click(function(e){
    if(! $(e.target).hasClass('.row')){
        console.log('clicked on something that has not the class theDIV');
    }
});

我希望当我点击搜索或整个身体的某个地方时，行隐藏他的下拉列表（第1行）。 图片：

Answer 1

$(document).ready(function(){

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

    $(".row1").fadeOut()

}) })

Answer 2

试试这个：

$('body').click(function(e){ 
    var target = $(e.target);  
    if (target.is(".search") && $('.row1').is(':visible')) {
        $('.row1').hide();
    }
    else if(target.is(".search") && !$('.row1').is(':visible')) {
        $('.row1').show();
    }
});