Znajdź zawartość

Cześć, mam pewien problem, otóż stworzyłem sobie popup, wyświetlający się po kliknięciu w odpowiedni link. Popup wyświetla mi się poprawnie, lecz chciałbym w nim stworzyć zakładki z osobną zawartością dla każdej z nich. I tu się pojawiają problemy, gdyż nie wiem jak je zrobić, by poprawnie wyświetlały daną treść. Próbowałem już na wiele sposobów, ale każdy kończył się tak samo - fiaskiem. Proszę o jakieś nakierowanie, jak to połączyć ze sobą, by po kliknięciu na zakładkę, pojawiała się z boku jego zawartość. To co już zrobiłem: <div id='mymodalcontent' style='display:none;'> <h3>Podgląd postaci</h3> <div class='fixed_inner'> <div class="fixed_inner ipsBox" style="height: 430px; max-height: 430px; overflow: auto;"> <div class='ipsLayout ipsLayout_withleft ipsLayout_smallleft ipsVerticalTabbed'> <div class='ipsLayout_left ipsVerticalTabbed_tabs'> <ul> <li id='tab_1'><a>Pierwsza</a></li> <li id='tab_2'><a>Druga/a></li> <li id='tab_3'><a>Trzecia</a></li> </ul> </div> <div class="ipsVerticalTabbed_content ipsLayout_content"> <div class="ipsBox_container" style="min-height:300px"> <div class="ipsPad"> <div id='tab_1_content'>zawartosc 1</div> <div id='tab_2_content'>zawartosc 2</div> <div id='tab_2_content'>zawartosc 3</div> </div> </div> </div> </div> </div> </div> <script type='text/javascript'> $('modal1').observe( 'click', function(e) { _var = new ipb.Popup( 'booboo', { type: 'pane', initial: $('mymodalcontent').innerHTML, hideAtStart: false, w: '600px', h: '450'} ); Event.stop(e); return false; }); </script> W tej chwili, wyświetla mi się to tak: Jak najłatwiej sobie z tym poradzić?