Clickable tabs

Hi, can enyone please tell me how to put a clickable tabs on forumotion? It simply doesn't work for me as I try to get to the second tab and anyother else besides the first one.

Code:

<script type='text/javascript'>
/* code written by kismet of RPG-Directory.com */
$(function(){ function selectTab(tab){ var i=1; while($('#tab'+i).length){ if(tab.attr('id')!=='tab'+i){ $('#tab'+i).removeClass('highlight'); $('#tab'+i+'-content').hide(); } else { tab.addClass('highlight'); $('#tab'+i+'-content').show(); } i++; }} $('#tab1').addClass('highlight'); $('.clickable').each(function(){ $(this).click(function(){ selectTab($(this)); });});});</script>

Code:

<div id="sidebar"><div style="height: 40px;"></div>

<center><div class="sidebarhumor"><div align="center"><ul id="tab-strip">
 <li id="tab1" class="clickable">one</li>
 <li id="tab2" class="clickable">two</li>
 <li id="tab3" class="clickable">three</li>
 <li id="tab4" class="clickable">four</li>
</ul></div><div id="tab1-content" class="tab-content"><div class="sidebarhumor1"><div class="gossip">
something

</div></div>

</div><div id="tab2-content" class="tab-content"><div class="sidebarhumor1"><div class="sidebarhumor2">
something2
</div>
</div><div id="tab3-content" class="tab-content"><div class="sidebarhumor1"><div class="gossip">

something3

</div></div>

</div>
  <div id="tab4-content" class="tab-content">
something4
</div>
  </div>
  </div></center></div>

Hm, Display > Generalities along with my html

Here you go: http://testingforum.forumpl.net/

That's weird because it's here:

It works! Thanks a lot <3.