View Full Version : Collapsible Panel Help Urgent

12-01-2012, 02:50 AM
Hey guys, I'm no genius here, but I think it's something to do with the code I will post below.

I have a Spry collapsible panel that've customized to open from a remote link just above the panel. The close button is inside the panel.

On the open or close action, the panel performs correctly, however the page immediately jumps to the top, regardless of the spry panel position. It's very jarring and does not look good. ... I should add that the panel does not do this in the dreamweaver preview, and only in the browser (i usually use chrome, ff, and safari).

Any advice would be great. I should note that I also have a menu system on the side with collapsible panels, however, there are no problems with that.

<table class='date-table' width="820" border="3" bordercolor="#FFFFFF" align="center" cellpadding="0" cellspacing="0" RULES=ROWS FRAME=HSIDES>
<th width="205" scope="col"></th>
<th width="205" scope="col"></th>
<th width="205" scope="col"></th>
<th width="205" scope="col"></th>
<TR table cellpadding="12" height="35" bgcolor="#333333" onMouseOver="this.bgColor='464646';" onMouseOut="this.bgColor='#333333';">
<TD>&nbsp; COLORADO</td>
<TD>&nbsp; Saturday - May 4, 2013</TD>
<TD><a href="registration.html"><span style="color: #FF5400; font-weight: 900;">EVENT INFORMATION</span></a></TD>
<TD><a href="registration.html"><a href="#" onclick="CollapsiblePanel15.open();" ><span style="color: #FF5400; font-weight: 900;">VOLUNTEER</a></TD></TR></table>

<div id="CollapsiblePanel15" class="collapsiblepanel"><div class="CollapsiblePanelTab" tabindex="0"></div>
<div class="reg-panel">
<img src="images/buttons/registration-buttons/pre-register1a.jpg" width="202" height="100" /><a href="event-XX-preregister.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image33','','images/buttons/registration-buttons/pre-register2b.jpg',1)"><img src="images/buttons/registration-buttons/pre-register2a.jpg" alt="Pre Register" name="Image33" width="408" height="100" border="0" id="Image33" /></a><img src="images/buttons/registration-buttons/pre-register3.jpg" width="181" height="100" /><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image35','','images/buttons/registration-buttons/pre-register4b.jpg',1)"><img src="images/buttons/registration-buttons/pre-register4a.jpg" name="Image35" width="29" height="100" onclick="CollapsiblePanel15.close();" border="0" id="Image35" /></a></div></div>

<script type="text/javascript">
var CollapsiblePanel15 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel15", {contentIsOpen:false});