Pop up fecha o de baixo

Salve a todos!!!

Tenho 5 botoes cada um chama um popup diferente, depois que todos estão clicados descobri que quando fecho o 5º o popup 4º está á baixo e tenho que fechar ele e assim por diante.

Pois bem, como eu faço para quando clico no primeiro e depois crico no segundo o primeiro se feche sozinho?

o botão que estou usando é esse aqui:

<div class="prato">Prato do dia</div>
<a href="#" onclick="document.getElementById('pop1').style.display='block';">
    <div class="segunda">
        <b>2º Feira</b>
    </div>
</a>

	PopUp:

	 

<div id="pop1">
<a href="#" onclick="document.getElementById('pop1').style.display='none';">[Fechar]</a>
<br />

Texto 01 Agora coloque oq você quer. </div>