<!-- Это ставится в контейнер тега head -->

<style type="text/css">  
#tabs, #tabsText{list-style:none;padding:0;margin:0;}  
#tabs li{padding:5px 10px;margin:0;float:left;cursor:pointer;background:#CCC;}  
#tabs li.current{background:#666;color:#fff;}  
#tabsText{clear:both;}  
#tabsText li{border:0px solid #000;padding-top:40px;position:absolute;width:718px;display:none;}  
</style>  
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js'></script>  
<script type="text/javascript" src="http://fletbit.com/js/tabs.js"></script>  
<script type="text/javascript">$(function() {$('#tabs').tabs('#tabsText > li', {effect: 'fade', fadeOutSpeed: 0});});</script>  

<!-- Табы -->
<!-- Ссылки на переключение вкладок -->

<ul id="tabs">  
<li>Ссылка1</li>  
<li>Ссылка2</li>  
</ul>  

<!-- Переключаемые контейнеры -->

<ul id="tabsText"><li>  
$ИНФОРМЕР1$  
</li><li>  
$ИНФОРМЕР2$  
</li></ul>