使用XSLT展开和折叠

Question

XML文件是

<TG>
    <RunId>
    <Id>
    <TgTitle>
    <TC>
        <RunId>
        <id>
        <TcTitle>
        <TCI>
            <Id>
            <Title>
            <Description>
            <Status>
        <TCI>
        <TCI>
            <Id>
            <Title>
            <Description>
            <Status>
        <TCI>
        <TCI>
            <Id>
            <Title>
            <Description>
            <Status>
        <TCI>
    </TC>
    <TC>
        <RunId>
        <id>
        <TcTitle>
        <TCI>
            <Id>    
            <Title>
            <Description>
            <Status>
        <TCI>
        <TCI>
            <Id>
            <Title>
            <Description>
            <Status>
        <TCI>
    </TC>
</TG>

我创建了一个像这样列出的XSLT（使用过的HTML表格）

TG Summary 
TG RunId: 
TG Id
TG Title

- TC Summary 
TC Run Id 
TC Id
TC Title 
TCIId TCI Title Description             Status 
1      Title 1      instruction 1       Pass
2      Title 2      instruction 2       Pass
3      Title 3      instruction 3       Pass

- TC Summary 
TC Run Id 
TC Id
TC Title 
TCIId TCI Title Description             Status 
1      Title 1      instruction 1       Pass
2      Title 2      instruction 2       Pass

当我最初打开这个xml文件时 树应该是折叠模式，当用户点击＆＃34; +＆＃34;在TC摘要行上应该扩展细节，并且＆＃34; +＆＃34;应改为＆＃34; - ＆＃34;反之亦然 我尝试了几种选择但是没有用。任何人都可以帮忙。 Javascript / HTML / XSLT新手