จะซ่อน div โดย onclick โดยใช้ javascript ได้อย่างไร

HTML

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

จาวาสคริปต์

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

คุณสามารถใช้ฟังก์ชัน blur() เมื่อคุณคลิกที่อื่น

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

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

ใช้ jQuery และจะง่ายเหมือน:

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