jQuery Forum

Hi, is it possible not to set all div elements of tabs on the load, and just create div with id same as link href element?
I am having problems with this. First div is loaded ok (with right content) but changing tabs give me error:  jQuery UI Tabs: Mismatching fragment identifier.

I cant post you whole code but ill try to explain it. Reason for not wanting to have all divs there is i load picture to certain div depending on users choice and dont want to load all pictures at once (memory issue).

So lets say with code:

1. <div id="tabs" class="ui-tabs">
2. <ul>
3. <li><a href="#tabs-1">Picture set 1 </a></li>
4. <li><a href="#tabs-2">Picture set 2</a></li>
5. //goes on
6. <div id="tabs-1" class="subTab">
7. <ul>
8. <li><a href="#tabs-1-1">Pic1</a></li>
9. <li><a href="#tabs-1-2">Pic2</a></li>
10. //goes on
11. </ul>
12. // here usually divs for picture is
    
13. </div>
    
14. //other tabs and subtubs
15. </div>
    

Now usually for my example on line 12 there is:

1. <div id="#tabs-1-1">my picture </div>
2. <div id="#tabs-1-2">my other picture </div>

But i wont to make just one div for all tabs and sub tubs (lest say div with id: picture) and do this in javascript:

1. $("#picture").html(<div id="#tabs-1-1">my picture </div>);
2. //then other picture(just changing inside div)
3.  $("#picture").html(<div id="#tabs-1-2">my other picture </div>);

Is this possible?