Comment cacher div par onclick en utilisant javascript?

Question

J'ai utilisé un javascript pour montrer div par onclick mais quand je clique en dehors de div je veux cacher la div. Comment le faire en javascript? J'utilise le 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'; 
} 

Answer 1

vous pouvez utiliser la fonction de flou() lorsque vous avez cliqué sur un autre endroit

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

$("#hidelink").blur(function() { 
    $("#divtoHide").hide(); 
}); 

Answer 2

Utilisez jQuery et ce sera aussi facile que:

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

Answer 3

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'; 
    } 
}