title: Why is my TinyMCE hidden textarea acting up?
body: <p>I have about 7 <code>textarea</code>s on a web page, all of them are rich text editors using TinyMCE. However at page load only 1 of them is visible and the rest of them hidden. The user can click a 'show' link which would display the remaining textareas one by one.</p>
  
  <p>However, I have a weird problem. All the <code>textarea</code>s are setup like this:</p>
  
  <pre><code>&lt;textarea cols="40" rows="20"&gt;&lt;/textarea&gt;
  </code></pre>
  
  <p>However, only the <code>textarea</code> displayed on page load is the full size I want it to be. The remaining <code>textarea</code>s are really small when I show them. So I'm thinking that perhaps they aren't rendered because they are hidden on page load.</p>
  
  <p>How can I remedy this?</p>