Ciao, mi date una mano su sta cosa?
------------
codice:
<script>
function mercati_ricerca(mercato){
	if(document.getElementById(mercato).style.display == 'none'){
		document.getElementById(mercato).style.display = 'block';
		return;
	} else {
		document.getElementById(mercato).style.display = 'none';
	}
}
function chiudi_div(){
	document.getElementById('vis_energia').style.display = 'none';
}
</script>
<div id="ricerca" style="border:1px solid black; display: block; width:250px; height:300px; background-color:#090;" onclick="chiudi_div()">
  <div id="energia" style="width:150px; height:36px; border:1px solid green; background-color:#F00;" onclick="mercati_ricerca('vis_energia');"> fdff </div>
  <div id="vis_energia" style="background-color: rgb(255, 255, 255);  width: 120px; padding:5px;">
    ENEL

    EDISON

    SORGENIA

    ALTRO

    ENI

    FLY

    A2A

    ITALCOGIM

    EON

  </div>
-------------
Sono 3 div, il primo verde che racchiude undiv rosso e uno bianco.
Riesco a far aprire e chiudere il div bianco cliccando sul div rosso. Volevo far chiuder il div bianco anche cliccando su quello verde ma solo che quando gli ho aggiunto la funzione poi il click sul div rosso nn va +. Ho capito che è un problema di sovrapposizione ma come si può risolvere?