Comment masquer div par onclick à l'aide de javascript?

J'ai utilisé un script javascript pour afficher div par onclick mais quand je clique en dehors de la div que je veux cacher la div. Comment le faire en javascript? je suis en utilisant du code javascript..

<a href="javascript:;" onClick="toggle('one');">  

function toggle(one)
{
    var o=document.getElementById(one);

    o.style.display=(o.style.display=='none')?'block':'none';
}

OriginalL'auteur Jay | 2010-07-05

  1. 10

    HTML

    <a href="#" onclick="toggle(event, 'box');">show/hide</a>

    Javascript

    //click on the div
function toggle( e, id ) {
  var el = document.getElementById(id);
  el.style.display = ( el.style.display == 'none' ) ? 'block' : 'none';

  //save it for hiding
  toggle.el = el;

  //stop the event right here
  if ( e.stopPropagation )
    e.stopPropagation();
  e.cancelBubble = true;
  return false;
}

//click outside the div
document.onclick = function() {
  if ( toggle.el ) {
    toggle.el.style.display = 'none';
  }
}

    OriginalL'auteur gblazex

  2. 3

    vous pouvez utiliser blur() fonction lorsque vous avez cliqué quelque part d'autre

    $("#hidelink").click(function() {
    $("#divtoHide").show();
});

$("#hidelink").blur(function() {
    $("#divtoHide").hide();
});
    Si il utilise jQuery.....

    OriginalL'auteur D.J

  3. 0

    Utiliser jQuery et ce sera aussi facile que de:

    $("button.hide").click(function(event){ $("div.hidethis").hide() });

    OriginalL'auteur alecwh