Como cambiar una imagen por una etiqueta

[corretodo]

Tengo este codigo que me cambia la bandera de argentina por la de bolivia.
Y no se como hacer para que en lugar que me cambie la bandera de bolivia, me presente este div <div>esto es una prueba</div>
--------------------------------------------------------------------------
<a href="#">
<img width="100%" src="images/ban-argentina.gif" "onmouseover="this.src = 'images/ban-bolivia.gif' "onMouseOut="this.src = 'images/ban-argentina.gif'" border="0">
</img>
</a>
-------------------------------------------------------------------------

[Adler]

Hola

No tiene nada que ver una cosa con otra. Con la imagen lo que haces es un rollover, mientras que lo que te ocupa es mostrar u ocultar una capa

Prueba con esto

Código javascript:

<script type="text/javascript">
function cambia(elem) {
var obj = document.getElementById(elem);
 
    if(obj.style.display == 'none' ) {
                       obj.style.display='block';
            } else {
                        obj.style.display='none';
            }
}
</script>
 

Código html:

<a href="javascript:void(0);">
<img width="100%" src="images/ban-argentina.gif" onmouseover="cambia('ejemplo'); return false;" "onMouseOut="cambia('ejemplo'); return false;" border="0" />
</a>
<div id="ejemplo" style="display:none;">Un ejemplo</div>
 

Suerte

[corretodo]

Es lo que necesitaba
Muchisimas gracias