Pokaż Ukryj kod Opcje

[Lelek919]

Możecie mnie naprowadzić w jaki sposób zmodyfikować kod aby po wybraniu pozycji z Poz1 Poz2 lub od kliknięciu poza obszarem obojętne w którym miejscu ekranu powracało do funkcji: Pokaż (chowało się)

[PHP] pobierz, plaintext 
<script language="javascript" type="text/javascript">
function showHide(id_div,button){
var el = document.getElementById(id_div);
if(el.style.display=="none"){
  el.style.display="block";
button.value="ukryj";
}else{
  el.style.display="none";
button.value="pokaż";
}
}
</script>
<input type="button" value="pokaż" onclick=showHide("jakisid",this) id="but">
<div style="width:100px; height:50px: display:none;" id="jakisid">
Poz1 Poz2 itp
</div>
[PHP] pobierz, plaintext 

[kamil4u]

Nie do końca zrozumiałem, ale coś w tym stylu:

Kod

<script language="javascript" type="text/javascript">
function showHide(id_div,button){
var el = document.getElementById(id_div);
if(el.style.display=="none"){
  el.style.display="block";
  window.onclick = function(){ showHide("jakisid", document.getElementById('but')) }
button.value="ukryj";
}else{
  el.style.display="none";
  window.onclick = null;
button.value="pokaz";
}
}


window.onclick = function(){ showHide("jakisid", document.getElementById('but')) }
onload = function(){
document.getElementById('jakisid').onclick = function(e){ e = e||event; e.stopPropagation(); }
document.getElementById('but').onclick = function(e){
e = e||event; e.stopPropagation(); showHide("jakisid",this);
}
}

</script>
<input type="button" value="ukryj" id="but">
<div style="width:100px; height:50px: display:none; border: 1px solid black;" id="jakisid">
Poz1 Poz2 itp
</div>