View Single Post
Old 02-21-2012, 01:01 AM   #1
MMiad
 
Join Date: Feb 2012
Posts: 2
Default Collapsible panels not collapsing

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 is offline   Reply With Quote