i am trying to launch the html screen in that i have got hte code snippet that is inserted in the table. i want to expand or collapse the table using some link ,i am usng java script for that on in xslt but it is not working out cna any one solve my problem?
i have inserted the table betwen <div> tags and used one anchor before the table...
-------------------
code is here ..


<a href="javascript:showhide('<generated id>');">[click here to show /
hide]</a>
<div id="<generated id>" style="display:none">


<table width="100%" align="center" name ="info" border="2" bgcolor="white">

        <tr>
            <th bgcolor="winered">rsource</th>
            <th bgcolor="winered">info</th>
         </tr>
<xsl:for-each select="//concret//epsilon//ep1//infos//info[@rmtype='SQL Server']">
        <tr>
            <td bgcolor="#F5F5DC"><xsl:value-of select="@resource"/></td>
            <td bgcolor="#F5F5DC"><xsl:value-of select="."/></td>
        </tr>
</xsl:for-each>

</table>
</div>

<script type="text/Javascript"> function toggleblocks (postid) {
                var whichpost = document.getElementById(postid);
                if (whichpost.className=="expandblock") {
                whichpost.className="collapseblock";
                }
                else {
                whichpost.className="expandblock";
                }
                }
        </script>

This is releated to : http://p2p.wrox.com/topic.asp?TOPIC_ID=57357 but the links went bad.

to use:

onclick="toggleSibling();

thank you very much

i have modifed the code but it is not working..
if i want to use genereate-id! then how should i change the code??
can u please clarify my doubt!!!acutually i am taking data from xml and inserting in the html using xslt, but here in html i want to show or hide the table that exists in the html.




<script type="text/javascript">
[CDATA[
    function toggleSibling()
    {
        if (window.event.srcElement.nextSibling.style.display =="none")
            window.event.srcElement.nextSibling.style.display = "block";
        else
            window.event.srcElement.nextSibling.style.display = "none";
    }
]]>
</script>

<div id="cont" style="display:none" onclick="toggleSibling();">


<table width="100%" align="center" name ="info" border="2" bgcolor="white">

        <tr>
            <th bgcolor="winered">rsource</th>
            <th bgcolor="winered">info</th>
         </tr>
<xsl:for-each select="//cont//epsilon//ep1//infos//info[@rmtype='SQL Server']">
        <tr>
            <td bgcolor="#F5F5DC"><xsl:value-of select="@resource
            <td bgcolor="#F5F5DC"><xsl:value-of select="."/></td>
        </tr>
</xsl:for-each>

</table>

</div>

Your "onclick="toggleSibling();">" is not in the right location. The code toggles a child of a parent. You have not assigned the code to a parent.

The <table> must be a child of another element.

Your output in HTMl would look like this:

thank u very very very much its working