jQuery: Ocultar elemento al hacer clic en cualquier otro lugar, aparte del elemento [duplicar]

Posible duplicado:
¿Cómo detectar un clic fuera de un elemento?

Estoy tratando de lograr eso undiv se oculta si el usuario hace clic en cualquier lugar excepto en el elemento. Tengo el siguiente código haciendotoggle() Si el usuario hace clic en un botón. Quiero que el botón haga clic para quedarse más si elDetails El elemento es visible, reacciona a otras partes de la pantalla.

$('.nav-toggle').click(function() {
  //get collapse content selector
  var collapse_content_selector = $(this).attr('href');

  //make the collapse content to be shown or hide
  var toggle_switch = $(this);
  $(collapse_content_selector).toggle(function() {
    if ($(this).css('display') == 'none') {
      //change the button label to be 'Show'
      toggle_switch.html('Show Details');
    } else {
      //change the button label to be 'Hide'
      toggle_switch.html('Hide Details');
    }
  });
});

Respuestas a la pregunta(2)

Su respuesta a la pregunta