Tabbed hooks

[leefish]

Looking at the "thing" then that is a jQuery tab set up.  RateU has posted the code for that kind of tab in this forum - I think in the garage forum. You just put it all in a set of divs and run jQuery no conflict.

Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41

<script type="text/javascript"> jQuery(document).ready(function($){ $('.tab').click(function(){ $('.at').removeClass('at'); $(this).addClass('at'); $('.content').slideUp(); var catshow = $(this).attr('abbr'); $('#'+ catshow).slideDown(); }); }); </script> <table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder" style="clear: both; border-bottom-width: 0;"> <tr> <td class="thead at tab" title="tab1" style="cursor: pointer; text-align: center;" abbr="tab1"> <strong>tab1</strong> </td> <td class="thead tab" title="tab2" style="cursor: pointer; text-align: center;" abbr="tab2"> <strong>tab2</strong> </td> <td class="thead tab" title="tab3" style="cursor: pointer; text-align: center;" abbr="tab3"> <strong>tab3</strong> </td> <td class="thead tab" title="tab4" style="cursor: pointer; text-align: center;" abbr="tab4"> <strong>tab4</strong> </td> </tr> </table> <div id="tab1" class="content"> {$variable} </div> <div id="tab2" class="content"> {$variable2} </div> <div id="tab3" class="content"> {$variable3} </div> <div id="tab4" class="content"> {$variable4} </div> <br class="clear" />

---

and the put the below .css in your global.css

Code:

.at { background: #838383; color: #ffffff; } #tab1, #tab2, #tab3, #tab4{display: none;}

---