Arghhh!

Hi - I am a newbie (I really hate that term) I wrote a couple sites about 13 yrs ago in straight HTML, but now...I'm a tad lost! Thanks in advance for any help you may be able to provide.

I am wanting to use the accordian widget in Dreamweaver CS3 (mac). I have xml data files that I am applying to the accordian. I want to be able to repeat, so that each data set shows up as a new panel. I can get the data to display, but I can't get the accordian to work. It just displays the whole data set, with no fancy up and down stuff. (I don't care about the formatting, I will take care of that later, I just want it to work first!)

<link href="thistle.css" rel="stylesheet" type="text/css" />
<script src="SpryAssets/xpath.js" type="text/javascript"></script>
<script src="SpryAssets/SpryData.js" type="text/javascript"></script>
<script src="SpryAssets/SpryAccordion.js" type="text/javascript"></script>
<script type="text/javascript">
<!--
var design = new Spry.Data.XMLDataSet("xml/design.xml", "design/section");
design.setColumnType("pic", "image");
//-->
</script>
<link href="SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div spry:region="design">
<div id="Accordion1" class="Accordion" tabindex="0">
<div class="AccordionPanel">
<div spry:repeat="design">
<div class="AccordionPanelContent">{title}</div>
<div class="AccordionPanelContent">{descrip}</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
<!--
var Accordion1 = new Spry.Widget.Accordion("Accordion1");
//-->
</script>
</body>