I have a number of containers (class="sidebox") with child divs each with varying amounts of content.
On some occasions I want the child divs to each be 100% height of the parent div, sometimes to add a vertical separator style.
To do this I add a class of cfull
to the child divs and vcon
to the container with the class of 'sidebox'.
Then call a jquery function:
var y = $('.cfull').parent('div.vcon').height();
$(".cfull").height(y) ;
This perfectly when there is only one instance on and sets it's children div height to the height of the sidebox.
If I add a second sidebox vcon
in the html and give one of it's child divs additional content. The second sidebox child divs get the height set from the first instance of the sidebox
How do I set the heights for each set of child divs in a class="sidebox vcon"
container div?
I hope that makes sense.
Here's my working example so far, you'll see the second sidebox children have the style="height:#px"
from the first sidebox