PDA

View Full Version : Collapsible panels not collapsing


MMiad
02-21-2012, 01:01 AM
I'm sure this query must have been discussed on this forum somewhere, but I can't locate a relevant thread, so I'll start a new one:

I'm using Dreamweaver CS4. I'm trying to place a series of Spry collapsible panels on a page. I have DISPLAY set to "open" and DEFAULT STATE set to "closed". From what I know (which is not much), this should be enough to show the the panels as closed when the page is first loaded.

But it's not working. The panels are all open on page load, instead of closed as desired, and they don't toggle closed when the tab is clicked. It's as if the spry code doesn't exist.

I'm an HTML ignoramus, so I use design-view for the vast majority of site building. I'm guessing maybe I need to go into code-view to fix this problem, as there seems to be nothing more I can do in design-view.

Here's the code for one of the panels (they're all identical, as I haven't added final content yet):

<div id="CollapsiblePanel3" class="CollapsiblePanel">
<div class="CollapsiblePanelTab" tabindex="0"><img src="images/Job-Details.png" width="122" height="32" alt="Job Details" /></div>
<div class="CollapsiblePanelContent">
<img src="images/Pf_PhotoRest.png" alt="" width="952" height="337" />
<div class="jobdetailsdiv">
<div class="smalltopbuffer">
<h1>CLIENT</h1>
</div>
<div class="JobDetailsTextDiv">
<p>alskdjalksjdalksdlkafjsldkjaflsjlakjsldkjaslkjf;l; ;a</p>
</div>
</div>
</div>
</div>

Help!

MMiad
02-21-2012, 01:18 AM
I seem to have solved it. Dreamweaver alerted me to remnant code from a TabbedPanel div that I'd created then deleted prior to creating the collapsible panels. Once the code was erased, the collapsible panels functioned ok.

edbr
02-21-2012, 01:45 AM
good to hear and thanks for the explanation.its a common mistake i think