Как сделать на jquery сворачивание элемента с любого места?

Question

[Стас]

<div id="click">Нажми</div>
<div id="text">Text</div>

body {
width: 1000px;
height: 1000px;
}
#click {
width: 200px;
height: 200px;
}
#text {
width: 200px;
height: 100px;
}

$(document).ready(function() {
  $("#click").click(function() {
     $("#text").fadeIn();
  });
});

Что надо дописать чтобы див text сворачивался при нажатии на любое место браузера!

Answer 1

[Юрий]

Можно сделать так

$(document).ready(function() {
  
  $('#click').on("click", function() {
     $("#text").fadeToggle();
  });
  
  $(document.body).on("click", function(e) {
     if(e.target.id != 'click') $("#text").fadeOut();
  });
  
});