Jquery - Masquer div

J'ai un div à l'intérieur de la forme, quelque chose comme

<form>
<div>
showing some information here
</div>

<div id="idshow" style="display:none">
information here
</div>

</form>

je suis de la population de l'information à l'intérieur de la div(idshow) sur certains événement de clic de bouton. ce que je veux quand je malade cliquez en dehors de la div(idshow), il convient de se cacher. tout comme j'ai cliquer sur menu puis sur menu affichage et lorsque je clique en dehors du menu, il va se cacher.
J'ai besoin de tout l'aide de jquery

OriginalL'auteur Pankaj | 2010-05-28

  1. 13
    $(document).click(function(event) {
  var target = $( event.target );

  //Check to see if the target is the div.
  if (!target.is( "div#idshow" )) {
    $("div#idshow").hide();
    //Prevent default event -- may not need this, try to see
    return( false );
  }
});

    OriginalL'auteur Tauren

  2. 3

    Vous pouvez faire ce que vous voulez comme ceci:

    $(document).click(function() {
  $("#idshow").hide();
});
$("#idshow").click(function(e) {
  e.stopPropagation();
});

    Ce qui se passe ici est lorsque vous cliquez sur, le click événement bulles jusqu'à document, si il y arrive, nous nous cachons la <div>. Lorsque vous cliquez à l'intérieur que <div> cependant, vous pouvez arrêter la bulle de se lever à document en utilisant événement.stopPropagation()...de sorte que le .hide() n'a pas d'incendie, de court et simple 🙂

    OriginalL'auteur Nick Craver