从.hide或.fadeOut onclick返回一个div

Question

好的，这就是示例HTML。

<a href="http://www.google.com/">
 <div id="link">
  This is a link
 </div>
</a>

<div class="example">
 Example div 1
</div>

<div class="example">
 Example div 2
</div>

<div class="example">
 Example div 3
</div>

每当点击#link时，所有带有.example类的div都会被隐藏。

$("#link").click(function ( event ) {
  $(".example").hide();
});

或

$("#link").click(function ( event ) {
  $(".example").fadeOut("fast");
});

现在，无论何时点击页面上的任何点，所有.example div都会返回。

有可能吗？并不一定都必须使用jQuery。
先谢谢。

Answer 1

$('body').live('click', function() {
    $(".example").show();
});