Question about jumping content as an effect of Accordion menu script

[nharding99]

1) Script Title: Accordion Content script (v1.7)

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex17/ddaccordionmenu-bullet.htm

3) Describe problem: Bearing in mind that I'm quite new to css & javascript... the answer may be simple! I find that if I add some content to the right of this accordion menu (I'm using the bulleted example) then my content text jumps down the page when a menu is expanded.

This is best illustrated by this small example:

http://www.hardingweb.net/menu/index.html

Click on the "About Us" button and see the content jump down as the menu expands.

How can I remove this effect and have the menu expand but the content text in columns stay fixed?

Thanks in anticipation of any help

[ddadmin]

This is an issue with your CSS layout as far as I can tell. Your layout is coded as such that any changes to the left most content affects the other two as well. Quickly playing around with your HTML I couldn't fix the issue, but in general, you should put the Accordion Menu in the column of its own that's also floated like the other two, such as using a 3 column CSS layout (http://www.dynamicdrive.com/style/layouts/item/css-fixed-layout-31-fixed-fixed-fixed/).