AJAX XMLHttpRequest + display:none/block - nefunguje

Ahoj, používám tento kod:
http://concepts.waetech.com/dhtml_tabs/stretch.cfm

<div id="tabs">
    <a href="" class="tab" onmousedown="return event.returnValue = showPanel(this, 'panel1');" id="tab1" onclick="return false;">Tab&nbsp;1</a>
    <a href="" class="tab" onmousedown="return event.returnValue = showPanel(this, 'panel2');" onclick="return false;">Tab&nbsp;2</a>
    <a href="" class="tab" onmousedown="return event.returnValue = showPanel(this, 'panel3');" onclick="return false;">Tab&nbsp;3</a>
    <a href="" class="tab" onmousedown="return event.returnValue = showPanel(this, 'panel4');" onclick="return false;">Tab&nbsp;4</a>
    <a href="" class="tab" onmousedown="return event.returnValue = showPanel(this, 'panel5');" onclick="return false;">Tab&nbsp;5</a>
    <a href="" class="tab" onmousedown="return event.returnValue = showPanel(this, 'panel6');" onclick="return false;">Tab&nbsp;6</a>
    <a href="" class="tab" onmousedown="return event.returnValue = showPanel(this, 'panel7');" onclick="return false;">Tab&nbsp;7</a>
    </div>
    <div class="panel" id="panel1" style="display: block">a</div>
    <div class="panel" id="panel2" style="display: none">b</div>
    <div class="panel" id="panel3" style="display: none">c</div>
    <div class="panel" id="panel4" style="display: none">Panel 4</div>
    <div class="panel" id="panel5" style="display: none">Panel 5</div>
    <div class="panel" id="panel6" style="display: none">Panel 6</div>
    <div class="panel" id="panel7" style="display: none">Panel 7</div>

Do divu panel1 nahrávám nahrávám přes AJAX XMLHttpRequest obsah z určitého souboru. To vše funguje, ale jakmile přepnu na další záložku a vrátím se, obsah tam už není, ale já chci, aby tam přetrval i dále. Napadá mě zatím řešení pouze přes position:absolute a přidělování z-indexů, což se mi zdá masochistické. Na googlu jsem odpověď na tuhle záhadu nenašel. Díky za odpovědi.