現在、テーブルの行を切り替えていますが、最初のエントリのみがクリック可能であり、それをクリックすると、すべてのテーブルのすべての行が非表示になります..
各テーブルのテキストがクリックされたときにそのテーブルの行のみが影響を受けるようにする方法を理解するのに助けが必要です。ループ内のすべてのテーブルではありません。
これは私のコードがどのように見えるかです
<?xml version="1.0" encoding="ISO-8859-1"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:template match="/Catalogue">
<html>
<header>
<script type ="text/javascript" src="jquery.js" ></script>
<script>
$(function() {
$('#toggle').click(function() {
$('td:nth-last-child(-n + 1):nth-child(3n + 1)').toggle();
});
});
</script>
</header>
<body>
<xsl:for-each select="Talents">
<xsl:if test="Talent != ''">
<table border="0" width="550">
<tr>
<td bgcolor="#A0A0A0" width="80%">
<b id="toggle"><xsl:value-of select="Talent"/></b></td>
<td bgcolor="#A0A0A0" width="20%" align="center"><xsl:value-of select="Cost"/>
<xsl:text> - </xsl:text>
<xsl:value-of select="Type"/></td>
</tr>
<xsl:if test="Prerequisite != ''">
<tr>
<td colspan="2" bgcolor="#C0C0C0"><xsl:value-of select="Prerequisite"/></td>
</tr>
</xsl:if>
<xsl:if test="Action != ''">
<tr id="rowToClick" style="display:none">
<td colspan="2" bgcolor="#E0E0E0"><xsl:value-of select="Action"/></td>
</tr>
</xsl:if>
<xsl:if test="Description != ''">
<tr>
<td colspan="2" bgcolor="#EBEBEB"><xsl:value-of select="Description"/></td>
</tr>
</xsl:if>
</table>
</xsl:if>
</xsl:for-each>
</body>
</html>
</xsl:template>
</xsl:stylesheet>
どんな助けでも大歓迎です。