Я пытаюсь применить событие onclick для нескольких значений, полученных для for-each в xsl.
Мой код отображает все "ville" (Город) из XML-документа. Он также отображает все "лицей" (средняя школа), которые принадлежат каждому "ville", как href.
Я хочу отобразить список всех «одиннадцати» (учеников), принадлежащих «лицее», когда я нажимаю на этот конкретный «лицей». Для этого я использовал событие onclick, связанное с функцией, которая переключает видимость. Но функция (скрыть / показать) работает только для первого «лицея». Когда я нажимаю на другой лицей, это, кажется, влияет только на видимость списка учеников первого лицея, а не на их собственный список.
<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:key name="villeKey" match="eleve" use="ville" />
<xsl:key name="lyceeKey" match="eleve" use="lycee" />
<xsl:template match="/">
<html>
<style>
.hidden {
display:none;
}
</style>
<head>
<script type="text/javascript" >
function toggle_visibility(id){
var e = document.getElementById(id);
if(e.style.display == 'block')
e.style.display = 'none';
else
e.style.display = 'block';
}
</script>
</head>
<body>
<h2>Villes</h2>
<xsl:for-each select="eleves/eleve[count(. | key('villeKey',ville)[1]) = 1]">
<xsl:sort select="ville" />
<b style="color:Tomato;"><xsl:value-of select="ville" /> </b>,<br /><br />
<xsl:for-each select="key('villeKey', ville)[count(. | key('lyceeKey',lycee)[1]) = 1]">
<xsl:sort select="lycee" />
<a href="#" onclick="toggle_visibility('foo');"> <xsl:value-of select="lycee" /> </a> <br />
<div id="foo" class='hidden' >
<xsl:for-each select="key('lyceeKey', lycee)">
<xsl:sort select="specialite"/>
<p> <xsl:value-of select="nom"/>   <xsl:value-of select="prenom"/> </p>
</xsl:for-each>
</div>
</xsl:for-each><br /><br />
</xsl:for-each>
</body>
</html>
</xsl:template>
</xsl:stylesheet>
```xsl