Ok - sorry if I was unclear.
The result I am trying to generate is a single page that has a navigation menu comprised of the 'title' attributes of each 'menu' child. So the page would look something like this:
menu 1 ----- menu 2 ---- menu 3 ---- menu 4
As you click on those menus, the content of each will be displayed underneath. But all this in one single page. And I thought that the best way is to use <div> (layers) and playing with the visibility. Something that I am doing here:
XML:
http://mamaliga.com/onlinescheduling/os_3_months.xml
The style sheet is:
http://mamaliga.com/onlinescheduling/os_3_months.xsl
There I have 3 menus for now (MAIN, CT and MRI), each being displayed (or hidden) using layers. The problem there (if you look in the stylesheet)is that I have each layer hard-coded for each afferent section in the xml file.
in other words there I have:
<CT>
[...]
</CT>
<MRI>
[...]
</MRI>
So my intention in the end is to tweak the stylesheet so that I don't need to hard-code it for each of those sections in the XML (the sections are only CT and MRI for now but there will be dynamic)...
Hope I made it clear enough...
Thanks gang!
GAbi.