如何通过点击其他div与jQuery隐藏和显示div

我需要一个div来隐藏和显示。默认情况下，div必须隐藏。如果任何人点击其他特定的div /链接（但不是按钮），该隐藏的div将被显示。我想用jQuery来做。下面是示例代码：如何通过点击其他div与jQuery隐藏和显示div

<div class="yes"></div> 
<div class="no"></div> 
<p class="notUnderstand"></p> 

<div class="proceedContent"></div>

场景：

“proceedContent” 分区默认为隐藏
，如果有人点击格 “是”， “proceedContent” 分区将显示如果“proceedContent”div被隐藏
如果有人点击div“否”“proceedContent”div将被隐藏如果“proceedContent”div可见
如果有人对格单击 “notUnderstand” “proceedContent proceedContent” DIV可见

我如何用jQuery做 “分区将被隐藏，如果”？

来源

2014-03-27 user1896653

我不能写用的onclick功能或类似的东西，那场景的功能。我只是选择了div $（'。a'）等。我不能很好地jquery – user1896653

这是如何不是来自SO的其他数千个问题的重复？ – Bobby5193

请参阅此琴：

http://jsfiddle.net/jFIT/T4X8n/

您可以添加click事件的任何元素一样显示在小提琴..

$('.yes').click(function() { 
    $('.proceedContent').show(); 
}); 

$('.no, .notUnderstand').click(function() { 
    $('.proceedContent').hide(); 
});

来源

2014-03-27 16:03:48

$('.yes').click(function() { 
    $('.proceedContent').show(); 
}) 

$('.no, .notUnderstand').click(function() { 
    $('.proceedContent').hide(); 
})

JSFIDDLE

来源

2014-03-27 16:06:25 Nick

<script type="text/javascript"> 
    if ($) { 
    $(document).on("click", "#divYes", function ($e) { 
     $('#proceedContent).show(); 
    }); 
    $(document).on("click", "#divNo", function ($e) { 
     $('#proceedContent).hide(); 
    }); 
    $(document).on("click", "#notUnderstand", function ($e) { 
     $('#proceedContent).hide(); 
    }); 
    } 
</script> 

<div id="divYes"></div> 
<div id="divNo"></div> 

<p id="notUnderstand"></p> 

<div id="proceedContent" style="display: none;"></div>

来源

2014-03-27 16:07:51 Jagd

你可以使用jQuery的not()选择：

$('.yes').click(function() { 
    $('.proceedContent').show(); 
}); 

$('div').not('.yes').click(function() { 
    $('.proceedContent').hide(); 
});

来源

2014-03-27 16:08:10

-1

这样：

$('.yes').click(function() { 
    $('.proceedContent').show(); 
}); 

$('.no, .notUnderstand').click(function() { 
    $('.proceedContent').hide(); 
});

来源

2014-03-27 16:08:18 hacks4life

我想这可能是你在找什么。使用jQuery的.show()和.hide()这是可能的。这是我创建的小提琴的链接。

jsfiddle

来源

2014-03-27 16:18:53

如何通过点击其他div与jQuery隐藏和显示div

回答

相关问题