<root>
    <project name="project1">
        <class>
             <name>CFileWriter</name>
             <decription>Write File</decription>
        <class>
        <class>
             <name>CFileReader</name>
             <decription>Reade File</decription>
        <class>
    </project>
    <project name="project2">
        <class>
             <name>CClass_1</name>
             <decription>decription of CClass_1</decription>
        <class>
         <class>
             <name>CClass_2</name>
             <decription>decription of CClass_2</decription>
        <class>
    </project>
</root>

怎么写出一个xsl文件来,使得上面的XML输出是下面这个样子的:
页面开始显示:
project
---------------
project1
project2

当点击project1时,页面变成:
back
class                decription
------------------------------------------
CFileWriter        Write File
CFileReader       Reade File

当点击project2时,页面变成:

back
class                 decription
--------------------------------------------------
CClass_1            decription of CClass_1
CClass_2            decription of CClass_2

请教这属于哪方面的需求啊?应该怎么写xsl呢?

<div style="display:none">
back
class                decription
------------------------------------------
CFileWriter        Write File
CFileReader       Reade File
</div><!--第二个DIV开始，每个DIV装载的是当前project的相应节点或属性-->

<div style="display:none">
back
class                 decription
--------------------------------------------------
CClass_1            decription of CClass_1
CClass_2            decription of CClass_2
</div>
最后确定那个需要鼠标事件的，加入鼠标事件即可，页面的切换，纯粹通过javascript来动态控制DIV的CSS-style即可。记得给每个DIV定义一个id属性，方便js处理。