The XML file is
<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>
I have created an XSLT that would list like this (used HTML table)
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
When i Initially open this the xml file The Tree should be collapsed mode, When user clicks "+" on the TC summary row should the details be expanded, and the "+" should change to "-" and vice versa I tried couple of options but that did not work. Can any one help. New to Javascript/HTML/XSLT
