Spry Accordian in Dreamweaver CS3

Question

I am using Spry Widgets in Dreamweaver CS3. However,
everytime I insert the spry accordion - it doesn't work right if
too much text is in one of the tabs. For Example: I have 3 tabs in
the Accordion. Everything works well as it should if there is just
a little text without a scroll bar. However, when there is a scroll
bar in the Accordion - it doesn't work right. The panels do not
minimize, all the panels are open. When I click on one panel, it
doesn't do what is is suppose to.
Did I do something wrong here? I don't think I did.

Answer 1

Without seeing your page (code) I am guesing what your
peoblem is, but try this.
Check you have the SpryAssets folder and js content correctly
referenced between page and external folder. Check that your js
script, which should be the last script tag set before the closing
body tag is in place on the page containing the accordion.
Also, you can change the accordion panel behavior to a
flexible height, which contains all content, and removes the
vertical scroll bar. You need to edit the CSS and add a new
property to the accordion object when it is initialized. Find the
.AccordionPanelContent CSS class and delete the height property;
change the overflow property to hidden.
Next tell the Accordion object to use flexible height by
going to the bottom of the page and finding the code that has
(something like: var Accordion1 =
Spry.Widget.Accordion("Accordion1"); in the code. Add
useFixedPanelHeights:False to the constructor function so it looks
like this:
var Accordion1 = Spry.Widget.Accordion("Accordion1",
{useFixedPanelHeights:False} );
That should remove the scroll bars.