<ul class="tabs">
  <li class="active"><a href="#tab1">Таб1</a></li>
  <li><a href="#tab2">Таб2</a></li>
<li><a href="#tab3">Таб3</a></li>    
</ul>

<div class="tab_container">
      
<div id="tab1" class="tab_content"> контент<br></div>
   
<div id="tab2" class="tab_content"> контент<br></div>

<div id="tab3" class="tab_content">контент<br></div>  
     
</div>

  <script type="text/javascript">
  $(document).ready(function() {
  //Действия по умолчанию
  $(".tab_content").hide(); //скрыть весь контент
  $("ul.tabs li:first").addClass("active").show(); //Активировать первую вкладку
  $(".tab_content:first").show(); //Показать контент первой вкладки
   
  //Событие по клику
  $("ul.tabs li").click(function() {
  $("ul.tabs li").removeClass("active"); //Удалить "active" класс
  $(this).addClass("active"); //Добавить "active" для выбранной вкладки
  $(".tab_content81").hide(); //Скрыть контент вкладки
  var activeTab = $(this).find("a").attr("href"); //Найти значение атрибута, чтобы определить активный таб + контент
  $(activeTab).fadeIn(); //Исчезновение активного контента
  return false;
  });
});
</script>

ul.tabs {
     margin: 0;
     padding: 0;
     float: left;
     list-style: none;
     height: 32px;
     border-bottom: 1px solid #ddd;
     border-left: 1px solid #ddd;
     width: 99%;
}
ul.tabs li {
     float: left;
     margin: 0;
     padding: 0;
     height: 31px;
     line-height: 31px;
     border: 1px solid #ddd;
     border-left: none;
     margin-bottom: -1px;
     background: #eee;
     overflow: hidden;
     position: relative;
}
ul.tabs li a {
     text-decoration: none;
     color: #333;
text-shadow: 1px 1px 1px #FFFFFF;
     display: block;
     font-size: 100%;
     padding: 0 20px;
     outline: none;
}
ul.tabs li a:hover {
text-shadow: 1px 1px 1px #FFFFFF;
     background: #ddd;
color:#222;
}   

    
html ul.tabs li.active, html ul.tabs li.active a:hover  {
     background: #fff;
     border-bottom: 1px solid #fff;
}
   
.tab_container {
     border: 1px solid #ddd;
     border-top: none;
     clear: both;
     float: left;  
     width: 99%;
     background: #fff;
}
.tab_content {
     padding: 15px;
     font-size: 100%;
line-height: 20px;
text-align:left;  
height:150px;
}