jQuery Forum

I have a little issue and cannot for the life of me fix this:

I am using multiple instances of Jquery UI tabs and they're working exactly as I want them too:
     

       <div class="tabs">

            <ul>

                  <li><a href="#tabs-1">Tab</a></li> 

                  <li><a href="#tabs-2">Tab</a></li> 

            </ul>

            <div id="tabs-1"></div>

            <div id="tabs-2"></div>

            <div id="tabs-3"></div>

      </div>

      <div class="tabs">

                  <ul>

                        <li><a href="#tabs-4">Tab</a></li>

                        <li><a href="#tabs-5">Tab</a></li>

                  </ul>

          <div id="tabs-4"></div>

         <div id="tabs-5"></div>

         <div id="tabs-6"></div>

</div>

 

So I beleieve this is done correctly, but here is my issue..

 

I have an ajax function to pass a string to a php file and then display another instance of Jquery UI tabs.  Everything seems to work, except when the new instance of tabs is loaded, it seems it is not styled?  Also, sometimes when I call the function it displays differently for certain records.

 

Maybe it is my ajax function?

 

Any ideas?

 

I've tried: - removing instance #1 when ajax function is called - to no avail -