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