Dynamically change size of div and all its content?
<p>Please note that this is not the same question as "change a div size to fit content". What I have is a relatively positioned div with a couple of absolutely positioned images inside it:</p>

<pre><code>&lt;div id="nj_size_holder"&gt;
    &lt;img id="nj_credit_card" src="credit_card.png" width="340"/&gt;
    &lt;img id="nj_ruler" src="ruler.jpg" /&gt;
    &lt;img id="nj_item_image" src="{$base_dir_ssl}img/p/{$imgurl}" height='{$imgheight}'/&gt;
&lt;/div&gt;
</code></pre>

<p>What I also have is a Javascript/jQuery function. This function is where my question lies. What I need it to do is - given a certain parameter (as a percentage) it should dynamically resize both the div and the images inside it by that percentage.</p>

<pre><code>function resizeAll(perc){
    //resize everything here
}
</code></pre>

<p>So if the div height is initially 600px and the "nj_ruler" image height is 400, calling resizeAll(25) should increase the height of the div to 750px and the height of the image to 500px (25% increase).</p>

<p>Is there a way to accomplish this without increasing each height individually? There will be more elements in the div later on and, if possible, I'd like to have a function which resizes everything without referring to every element within the div individually.</p>
