Clickable tabs

by zola jesus Sun 10 Feb 2013 - 17:47

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.

by zola jesus Mon 11 Feb 2013 - 12:22

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>

by zola jesus Mon 11 Feb 2013 - 13:03

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>