Refresh page - DDACCORDION.JS

[LeoL]

1) Script Title: DDACCORDION

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex17/ddaccordion.htm [/URL]


3) Describe problem: I've used this script to control website navigation ([URL="http://www.usps-d10.org"]www.usps-d10.org (http://www.dynamicdrive.com/dynamicindex17/ddaccordion.htm)) and love it but have one problem where the code seems to need tweaking. When you select from the menu "squadrons" the menu expands but the webpage does not refresh, so the page is not large enough to hold the expanded menu. The consequence is that part of the menu is hidden by the footer. If you refresh the page (F5) the page expands and all is well. Suggestions?

Thanks for the help. I love DD.
Leo

[ddadmin]

This sounds like a CSS issue actually with your page's layout, specifically, that the left column's height is hardwired, so when the menu expands, part of it becomes clipped. Personally this doesn't happen for me when testing your page in FF3, but I assume you're using another browser here. Try checking the CSS of your page's layout for explicit "height" attributes that may be to blame here.

[LeoL]

The site uses DD's code to equalize the columns - <script src="equalcolumns.js" type="text/javascript"></script>. When I remove this code when the Navigation menu is expanded "Squadrons" found at the URL: http://www.dynamicdrive.com/style/blog/entry/css-equal-columns-height-script/
the left column expands to accomodate the expanded menu height. When I replace the equalcolumns.js code it doesn't. ??