Pagina Vuelve A Arriba

[Juanmax]

Hola, tengo una funcion que despliega un contenido al presionar un boton. El problema es que al volver a presionar la pagina se desplaza al inicio (arriba). Este es el codigo:

Código:

 
function MostrarOcultar(parr)
{
	var np = 'p' + parr; /*numero de parrafo*/
	var na = 'a' + parr; /*numero de enlace*/
	var idimg = 'img' + parr;

	var elem = document.getElementById(np);
	var enlace = document.getElementById(na);
	var img = document.getElementById(idimg);

	if (elem.style.display=='block')
	{
		/*si esta visible lo oculta y cambia el texto del enlace*/
		elem.style.display = 'none';
		enlace.title = 'Ampliar información';
		img.src='imagenes/Btn_leer.jpg'
	}
	else
	{
		/*si esta oculto lo muestra y cambia el texto del enlace*/
		elem.style.display = 'block';
		enlace.title = 'Ocultar información';
		img.src='imagenes/Btn_noleer.jpg'
	}
	return;
}
</script>


<div class="columna-izq" >
<h1 style="font-size: 11px">ENTREMESES / ENTRANTS / STARTERS<a href="#" title="Ampliar informaci&oacute;n" id="a1" onClick="MostrarOcultar('1'); return false" >
	<img id="img1" src="imagenes/Btn_leer.jpg" alt="Expandir Carta" border="0"/>
	</a></h1>
	<p id="p1" style="display:none; font-size: 11px">
		Texto	</p>


<h1 style="font-size: 11px">ENSALADAS / AMENIDES / SALADS<a href="#" title="Ampliar informaci&oacute;n" id="a2" onClick="MostrarOcultar('2'); return false" >
	<img id="img1" src="imagenes/Btn_leer.jpg" alt="Expandir Carta" border="0"/>
	</a></h1>
	<p id="p2" style="display:none; font-size: 11px">
		Texto	</p>

... etc...
Muchas Gracias !!