<script type='text/javascript'>
$(document).ready(function(){

$("div.tab").click(function () {  

$(".contentOn").removeClass("contentOn");  

$(this).addClass("contentOn");  

$(".content").hide();  

var content_show = $(this).parent("li").attr("title");  
$("#"+content_show).show();  

});

});

</script>

<div id='newsContainer'><ul id='tabs'>
<li title='pnlNews1'><div id='btnTab1' title='' class='tab'>News</div></li>
<li title='pnlNews2'><div id='btnTab2' title='' class='tab'>Events</div></li>
<li title='pnlNews3'><div id='btnTab3' title='' class='tab'>Promotions</div></li></ul>

<div id='pnlNews1' class='content contentOn'>
<ul>Content</ul></div>

<div id='pnlNews2' class='content'>
<ul>Content</ul></div>

<div id='pnlNews3' class='content'>
<ul>Content</ul</div></div>

Horizontal Tabbed Container

jQuery