Working with percents in Jquery
<p>I'm building a site with a fluid layout, and therefore need to use percentages in my Jquery sizes and animations. The problem, as I've discovered, is that Jquery doesn't understand percentages. Here's an example of what I'm after:</p>

<p>The page <code>&lt;body&gt;</code> is 100% wide.</p>

<p><code>&lt;article&gt;</code> is the width of 71% of the page body.</p>

<p><code>&lt;hgroup&gt;</code> is the width of 33.2% of <code>&lt;article&gt;</code></p>

<p>I would like <code>&lt;article&gt;</code> to be the same width as <code>&lt;hgroup&gt;</code> on page load (so that only <code>&lt;hgroup&gt;</code> is showing), then expand to 71% of the page width again when <code>&lt;hgroup&gt;</code> is clicked, allowing the rest of the content within <code>&lt;article&gt;</code> to show. At the same time, I'd like <code>&lt;article&gt;</code> to slide left by the width of <code>&lt;hgroup&gt;</code>, hiding <code>&lt;hgroup&gt;</code>.</p>

<p>Is there any way to make this kind of calculation, or will I have to resort to pixels?</p>
