Can Spy CollapsiblePanel work smoothly and remain closed on page load?

Question

Hi there,
I've seen a lot of discussion on this topic but no solutions still.
- Spy CollapsiblePanel animation is jerky on close (it extends for a split second, and also jumps just as it's about to close).
Only solution I have is to turn off animation.
- On page load in FF and IE all of the panels are open for a split second before closing.
// SpryCollapsiblePanel.js - version 0.8 - Spry Pre-Release 1.6.1

Answer 1

Hi there... your right..!
Well here's an example of my code - no changes to the js:
html:
            <div id="CollapsiblePanel5" class="CollapsiblePanel">
              <div class="CollapsiblePanelTab" tabindex="0">100% finance</div>
              <div class="CollapsiblePanelContent"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse scelerisque urna in sapien blandit dictum.</div>
            </div>
<script type="text/javascript">
var CollapsiblePanel5 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel5", {contentIsOpen:false});
</script>
css:
.CollapsiblePanel {
margin: 0px;
padding: 0px;
border-bottom: solid 1px #AACCEE;
border-right: solid 1px #AACCEE;
border-left: solid 1px #AACCEE;
.CollapsiblePanelTab {
font-size: 13px;
line-height: 28px;
background-color:#EBF3FB;
border-bottom: solid 1px #AACCEE;
margin-bottom: 0px;
padding-left: 26px;
cursor: pointer;
-moz-user-select: none;
-khtml-user-select: none;
background: url(../images/sprydown.png) no-repeat 10px 10px;
text-transform:uppercase;
.CollapsiblePanelContent {
margin: 0px;
padding: 10px 15px 10px 15px;