Any and all help is super appreciated. The page with the issue is located at http://www.jontakiff.com/Stockabeetest/profile.html. If you click first on the "show/hide" button and then the "add comment" buttons in the blue panels (near the bottom of the page) you'll see the problem easier...but here's the explanation:

First, I am using mootools fx.slider to make a div (which houses other divs) slide and collapse. Now, within the div inside the collapsible main div, I am using another script to display a comment box within each of the panels, as you can see at the page above. The problem is, once I toggle the "show/hide" button, the main div will no longer change size when new information is added to it. This means that if I try to add a comment within the blue (secondary) panels, the content will be pushed down but the main div won't expand, leaving all the content to just start crowding down around the bottom of the div.

I'm pretty new to javascript so I appreciate your patience.

Here's the scripts used - first the script for the comment box:

function toggleLayer( whichLayer )
{
var elem, vis;
if( document.getElementById ) // this is the way the standards work
elem = document.getElementById( whichLayer );
else if( document.all ) // this is the way old msie versions work
elem = document.all[whichLayer];
else if( document.layers ) // this is the way nn4 works
elem = document.layers[whichLayer];
vis = elem.style;
// if the style.display value is blank we try to figure it out here
if(vis.display==''&&elem.offsetWidth!=undefined&&elem.offsetHeight!=undefined)
vis.display = (elem.offsetWidth!=0&&elem.offsetHeight!=0)?'block':'none';
vis.display = (vis.display==''||vis.display=='block')?'none':'block';
}


Now, the toggle effect from mootools:

window.addEvent('domready', function() {
var status = {
'true': 'open',
'false': 'close'
};

//-vertical

var myVerticalSlide = new Fx.Slide('blogDiscussionComments');



$('v_toggle').addEvent('click', function(e){
e.stop();
myVerticalSlide.toggle();
});

$('v_hide').addEvent('click', function(e){
e.stop();
myVerticalSlide.hide();
$('vertical_status').set('html', status[myVerticalSlide.open]);
});

$('v_show').addEvent('click', function(e){
e.stop();
myVerticalSlide.show();
$('vertical_status').set('html', status[myVerticalSlide.open]);
});

// When Vertical Slide ends its transition, we check for its status
// note that complete will not affect 'hide' and 'show' methods
myVerticalSlide.addEvent('complete', function() {
$('vertical_status').set('html', status[myVerticalSlide.open]);
});


//--horizontal
var myHorizontalSlide = new Fx.Slide('horizontal_slide', {mode: 'horizontal'});

$('h_slidein').addEvent('click', function(e){
e.stop();
myHorizontalSlide.slideIn();
});

$('h_slideout').addEvent('click', function(e){
e.stop();
myHorizontalSlide.slideOut();
});

$('h_toggle').addEvent('click', function(e){
e.stop();
myHorizontalSlide.toggle();
});

$('h_hide').addEv<sent('click', function(e){
e.stop();
myHorizontalSlide.hide();
$('horizontal_status').set('html', status[myHorizontalSlide.open]);
});

$('h_show').addEvent('click', function(e){
e.stop();
myHorizontalSlide.show();
$('horizontal_status').set('html', status[myHorizontalSlide.open]);
});

// When Horizontal Slide ends its transition, we check for its status
// note that complete will not affect 'hide' and 'show' methods
myHorizontalSlide.addEvent('complete', function() {
$('horizontal_status').set('html', status[myHorizontalSlide.open]);
});
});
Edit/Delete Message