jQuery - Click Event is not Working as a Blur Event fires And Changes Dom Heights
<p>Please take a look at the fiddle: <a href="http://jsfiddle.net/Fyc5d/" rel="nofollow">http://jsfiddle.net/Fyc5d/</a></p>

<p>Click a gray box, and you'll see the textarea box open. Now click another. Click going up and then click going down the boxes.</p>

<p>You'll notice it works fine going up from the last gray box to the top gray box. but it break when going top/down. It appears  this is occurring because when because the elements are bluring first, which is changing their dimensions.</p>

<p>Specific use case to reproduce:</p>

<ul>
<li>Click Box 1</li>
<li>Notice the textarea shows</li>
<li>Click Box 2</li>
<li>Notice box 1 was hidden which is good. But box 2 did not open, which was the expected behavior.</li>
</ul>

<p>Ideas, thoughts? Any elegant way to solve for this without a bunch of timeouts? Thanks</p>
