Ayuda javascript mostrar datos

nesesito ayuda con un codigo de javascript en el cual tengo un boton y una caja que muestra informacion(esta oculta para cuando alguien le da click en el boton se despliege la informacion) estos datos estan llamadas por un foreach en el cual me trae todos los datos pero a la hora de mostrar solo me muestra el primer mensaje.

Código :

{foreach from=$data item=me}
   <a id="showname" onclick="showname($id={$me.message_id});" >
      <p>{$me.subject}</p>
   </a>
   <hr>
            <p id="info" style="display: none">{$me.message}</p>

--JS--

{literal}
<script  type="text/javascript" >
function showname(id) {
  var showmessage = document.getElementById('showmessage');
  var info = document.getElementById('info');    
  if(info.style.display == "block") { 
    info.style.display = "none";
  }
</script>

Att. Gracias

Esto no es plain Javascript, los brackets para datos, el for parecen de algún framework tipo Angular ... por ese lado viene el tema de los datos, la funcion showname simplemente oculta un elemento

Jorge

hola tengo una duda deseo visualizar con un menu un archivo xml y que se llene en las tablas conrrespondientes. tengo un archivo llamado coca.xml que contiene texto, pero ahora quiero que ese texto se visualize en el menu desplegable que se carge porfavor ayudenme
function coca()
{
txt=getText();
//alert(txt);
if (window.DOMParser)
{
parser=new DOMParser();
xmlDoc=parser.parseFromString(txt,"text/xml");
}
else // Internet Explorer
{
xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.async=false;
xmlDoc.loadXML(txt);
}
document.getElementById("RedA").innerHTML=xmlDoc.getElementsByTagName("red_de_asociados")[0].childNodes[0].nodeValue;
document.getElementById("P_AC").innerHTML=xmlDoc.getElementsByTagName("actividades_claves")[0].childNodes[0].nodeValue;
document.getElementById("P3").innerHTML=xmlDoc.getElementsByTagName("recursos_claves")[0].childNodes[0].nodeValue;
document.getElementById("P4").innerHTML=xmlDoc.getElementsByTagName("propuesta_unica_de_valor")[0].childNodes[0].nodeValue;
document.getElementById("P5").innerHTML=xmlDoc.getElementsByTagName("relaciones_con_el_cliente")[0].childNodes[0].nodeValue;
document.getElementById("P6").innerHTML=xmlDoc.getElementsByTagName("distribucion")[0].childNodes[0].nodeValue;
document.getElementById("P7").innerHTML=xmlDoc.getElementsByTagName("mercado_meta")[0].childNodes[0].nodeValue;
document.getElementById("P8").innerHTML=xmlDoc.getElementsByTagName("estructura_de_costos")[0].childNodes[0].nodeValue;
document.getElementById("P9").innerHTML=xmlDoc.getElementsByTagName("flujo_de_ingreso")[0].childNodes[0].nodeValue;

}



function saveTextAsFile()
{
var textToWrite = document.getElementById("inputTextToSave").value;
var textFileAsBlob = new Blob([textToWrite], {type:'text/xml'});
var fileNameToSaveAs = document.getElementById("inputFileNameToSaveAs").value;
var downloadLink = document.createElement("a");
downloadLink.download = fileNameToSaveAs;
downloadLink.innerHTML = "Download File";
if (window.webkitURL != null)
{
// Chrome allows the link to be clicked
// without actually adding it to the DOM.
downloadLink.href = window.webkitURL.createObjectURL(textFileAsBlob);
}
else
{
// Firefox requires the link to be added to the DOM
// before it can be clicked.
downloadLink.href = window.URL.createObjectURL(textFileAsBlob);
downloadLink.onclick = destroyClickedElement;
downloadLink.style.display = "none";
document.body.appendChild(downloadLink);
}
downloadLink.click();
abrir_cerrar('BGfile','hidden');
}

function destroyClickedElement(event)
{
document.body.removeChild(event.target);
}

function loadFileAsText()
{
var fileToLoad = document.getElementById("fileToLoad").files[0];
var fileReader = new FileReader();
fileReader.onload = function(fileLoadedEvent)
{
var textFromFileLoaded = fileLoadedEvent.target.result;
document.getElementById("inputTextToSave").value = textFromFileLoaded;
};
fileReader.readAsText(fileToLoad, "UTF-8");
setTimeout(function carga2(){cargararchivo()},2000)
abrir_cerrar('BGfile','hidden');
//cargararchivo();
}
//.................................nueva funcion..........................////////

function getText(){
var request = new XMLHttpRequest();
request.open('GET', 'file:///C:/Users/jessica/Desktop/desktop/canvas%20new/base/coca.xml', true);
request.send(null);
request.onreadystatechange = funtion ();{
if (request.readystate === 4 && request.status === 200){
var type = request.getResponseHeader('content-Type');
if(Type.indexOf("Text") !== 1){
return request.responseText;
}
}
}
}

//.....................nueva funcion......................////////

Pon tu pregunta en un nuevo hilo, esto no esta relacionado con la pregunta original

Jorge