Mostrar/Ocultar varios divs según sus id... sólo me funciona con el primero

[RodrigoG]

Hola amigos, resulta que necesito crear algo simple que me permita mostrar/ocultar divs.

Lo clásico es lo siguiente:

Código CSS:

#lista_detalleAnuncio {
  display: none;
}
 

Código Javascript:

function lista_detalleAnuncio(){
    document.getElementById("lista_detalleAnuncio").style.display = "block";
  }
 

Código HTML:

//Desplegar-invocador:
<a href="#" onclick="lista_detalleAnuncio()" >Desplegar Detalles</a>
 
 
//Cosas, digo divs dentro de los cuales están los divs a mostrar:
 
<div id="content-wrapper-{content-index}" class="content-wrapper">
    
        <div id="lista_detalleAnuncio">
            <p>Donde tá' el bebe... aki ta!</p>
        </div>
</div>
 
<div id="content-wrapper-{content-index}" class="content-wrapper">
    
        <div id="lista_detalleAnuncio">
            <p>Donde tá' el bebe... aki ta!</p>
        </div>
</div>
 
<!--
.
.
... etc
-->
 

El problema es que esto sólo me sirve para mostrar el primer id="lista_detalleAnuncio"... Hay alguna forma de que la función actúe en todos los divs con esa id??
... sé que con getElementByTagName() obtengo un vector que puedo recorrer, pero no creo que sirva en éste caso (de echo).

De ya muchas gracias.