title: jQuery/TinyMCE displaying and removing multiple textareas with animation
body: <p>On a dynamically generated page I have X TinyMCE-textarea, with jquery and css these "forms" are being hidden or displayed, based on "select". At first, TinyMCE displayed without problem, but after I select something (another language, select-option), and jquery hide all of them, and when the selected div is displayed, TinyMCE is initialized without buttons. I tried to turn off TinyMCE before .hide(), than turn on after .show(), but something is wrong. Sorry for my English, and thank you for help.<br />
  HTML</p>
  
  <pre><code>&lt;select id="langs"&gt;
        &lt;option name="0"&gt;Magyar&lt;/option&gt;
        &lt;option name="1"&gt;Angol&lt;/option&gt;   
  &lt;/select&gt;
  &lt;form id="addarticleform" method="post" action="" &gt;
      &lt;input type="submit" value="Mentés" name="addarticlesubmit"/&gt;
      &lt;div id="form_0"&gt;
          &lt;p&gt;Cikk címe: &lt;input type="text" name="articletitle_0" value="" /&gt;&lt;/p&gt;
          Cikk tartalma:
          &lt;textarea name="articletext_0"&gt;&lt;/textarea&gt;
      &lt;/div&gt;
      &lt;div id="form_1"&gt;
          &lt;p&gt;Cikk címe: &lt;input type="text" name="articletitle_1" value="" /&gt;&lt;/p&gt;
          Cikk tartalma:
          &lt;textarea name="articletext_1"&gt;&lt;/textarea&gt;
      &lt;/div&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>jQuery:</p>
  
  <pre><code>$(document).ready(function(){        
      $('#langs').change(function() {
          //Remove tinymce
          removeTinyMCE();
          $('#addarticleform div').hide('slow');
          var e = '#form_' + $(':selected', $(this)).attr('name');
          $(e).show('slow');
          //add tinymce
          addTinyMCE();
      });
  });
  function removeTinyMCE () {
      alert("removing");
      tinyMCE.execCommand('mceRemoveControl', false, $("#container textarea"));
      //tinyMCE.execCommand('mceRemoveControl', false, $("#container textarea").attr(id));
  }
  function addTinyMCE() {
      alert("adding");
      tinyMCE.execCommand('mceAddControl', false, $("#container textarea"));
  }
  </code></pre>
  
  <p>UPDATE:<br />
  My solution:</p>
  
  <pre><code>initTinyMCE("textarea");
  $(document).ready(function(){        
      $('#langs').change(function() {
          var tid = '#textarea_' + $(':selected', $(this)).attr('name');
          $(tid).tinymce().remove();
          $('#addarticleform div').hide('slow');
          var e = '#forms_' + $(':selected', $(this)).attr('name');
          $(e).show('slow');
          initTinyMCE(tid);
      });
  });
  function initTinyMCE(selector) {
      $(selector).tinymce({
          .....
      });
  };
  </code></pre>