Sin ofenderte Aeyon_flux pero no funciona creo que deberia revisar de nuevo su codigo a mi me funciona el unico que eror que me tira es la imagen del segundo link que no la encuentra pero me lo ejecuta de igual manera...
Intenta colocar la funcion Javascript despes la < a onclick() href="#" tal vez te funcione a mi me funciona sin problema.. no se a ti que tal ..
Aqui te la pongo..
<script>
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>
<h1 style="font-size: 11px">ENTREMESES / ENTRANTS / STARTERS<a onClick="javascript
:MostrarOcultar(1); return false;" href="#" title="Ampliar información" id="a1" >
<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 onClick="Javascript
: MostrarOcultar('2'); return false;" href="#" title="Ampliar información" id="a2" >
<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>
Espero te sirva..
Salu2..!!!