How to put a JQuery TE into a tab

How to put a JQuery TE into a tab

Hi All...

I'm trying to make a control that is a series of 3 tabs, and each one contains a different instance of a text editor. I have been playing with JQuery TE which seems like a nice text editor, and I was trying to put it into tabs.

I can successfully put TEXTAREA fields into tabs, but as soon as I tell the textarea fields that they are JQuery editors it all breaks, and I see three different text editors stacked up.

Is this just an incompatibility of the widgets or did I make (yet another) mistake?  Thanks...

  1.          <div id="messages">
                <ul>
                    <li><a href="#accept_text"></a></li>
                    <li><a href="#deny_text"></a></li>
                    <li><a href="#wait_text"></a></li>
                </ul>
                <div id="accept_text"><textarea id="accept_text_ed" rows="5" cols="50">    </textarea></div>
                <div id="deny_text"><textarea id="deny_text_ed" rows="5" cols="50">    </textarea></div>
                <div id="wait_text"><textarea id="wait_text_ed" rows="5" cols="50">    </textarea></div>
            </div>   



  1. <script>
  2.  $(function()
            {   
              $("#accept_text").jqte();           
              $("#deny_text").jqte();           
              $("#wait_text").jqte();           
            });   
    </script>