Which Widget is this as shown in this Sample?

Question

I found this site last night: http://www.adobe.com/devnet/dreamweaver/articles/spry_simulations.html
If you click the link titled "Play the Simulation: About Spry Framework", you will soon see an example where you have a master list of events on the left, and event details on the right, and of course, clicking an event in the event list changes the content of the box at the right. Well unfortunately this demo does not identify which widget this is, or how to create it (unless I missed something). So which widget is this?
I'm running Dreamweaver CS3, and I just installed the new Spry updater, in case that is important.
Thanks-

Answer 1

The Spry that you are speaking about is not an accordion, it is a master/detail, which is a way of presenting either XML or HTML data sets.
I am particularly fond of Spry Data Sets; they are easy to set up, very flexible in presentation (there is no one strict way they have to be constructed in presentation), and if you don't like how you've set it up in the data, you can edit it. I've used a long list of items and extracted several data sets here: http://www.suzannelongleyfarms.com/availabilitylist.html,
set actual master/detail presentation here: http://www.atonementfriars.org/who_we_are/meet_the_friars.html
another master/detail here: http://www.chimeofmaine.org/partners.html
and so forth.
Because you can use a simple html table as your data source, it is very easy to set up.
If you mouse around through those three sites, you will find many examples of Spry widgets and data sets.
Beth