OK I managed to get this working really good on the jquery accordian menu that I'm using.
$(theElement) is the part of the accordian that slides in/out so this will vary depending on the script your using. It increases/decreases the page by the height of $(theElement).
I put the follwing code in the jquery accordian menu script, the piece that expands the menu
Code:
/* start expand code for wd6 */
var xri_height = $('#xr_xri').height()+$(theElement).height();
var my_background_height = $('#my_background').height()+$(theElement).height();
var my_footer_position = $('#my_d_footer').position();
var my_footer_pos_top = my_footer_position.top+$(theElement).height();
/* copy from your page the code below and change the clip bottom to 9999px or a value big enough to accomodate all menus expanded */
$('#xr_xri').attr('style', 'width: 957px; clip: rect(0px, 957px, 9999px, 0px);');
$('#xr_xri').height(xri_height);
$('#my_background').height(my_background_height);
$('#my_d_footer').css('top',my_footer_pos_top);
/* end code for wd6 */
And I put the follwing code in the code that contracts the menu
Code:
/* start contract code for wd6 */
var xri_height = $('#xr_xri').height()-$(theElement).height();
var my_background_height = $('#my_background').height()-$(theElement).height();
var my_footer_position = $('#my_d_footer').position();
var my_footer_pos_top = my_footer_position.top-$(theElement).height();
$('#xr_xri').height(xri_height);
$('#my_background').height(my_background_height);
$('#my_d_footer').css('top',my_footer_pos_top);
/* end code for wd6 */
Bookmarks