Ciao ragazzi.
Ho questo codice che mi mostra e nasconde i div:

<script type="text/javascript">
function toggleDisplay(strId) {
document.getElementById(strId).style.display = document.getElementById(strId).style.display == 'block' ? 'none' : 'block';
}
</script>

nella pagina faccio comparire e nascondere con un click capito1 (immagine) e capitoloo 2 (testo)

<p style="cursor: pointer;" onclick="toggleDisplay('capitolo1'); toggleDisplay('capitolo2')" >uno</p>


Il problema è che cliccando su un altro link, mi compaiono altre immagini e testo senza far sparire gli altri.

Come posso fare a far sparire gli altri div e facendo apparire quelli che mi servono?