Witam, zrobiłem sobie menu składające się z dwóch zakładek. Wygląda to tak:

<html>
<head>
<style type="text/css">
body{
background:black;
}
#tab-container-1{
  font: 13px Arial, Verdana;
  color: red;
  margin: 0px;
}

#tab-container-1 ul#tab-container-1-nav{
background: url(../img/category_menu.gif);
height:39px;
margin: 0; 
padding: 0;
}
#tab-container-1 ul#tab-container-1-nav li{ 
display: inline;
line-height:39px;
margin-top:5px;
 }

#tab-container-1 ul#tab-container-1-nav li a{
  margin:0;
  padding: 5px 10px;
  /*background: #d9d9d9;*/
  background-image:none;
  /*border: 1px solid #999;*/
  color: #fff;
  text-decoration: none;
  display:inline;
}

#tab-container-1 .tab{
  margin-top: 8px;
  padding: 5px 0px;
  background: #eee;
  border: 1px solid #ddd
}

#tab-container-1 #menu1b{ /*background: #ffffff*/}
#tab-container-1 #menu2b{ /*background: #ffffff */}

ul#tab-container-1-nav li.activeli{

padding-top:3px;
padding-bottom:3px;
font-weight:bold;
}
ul#tab-container-1-nav li.activeli a{

}
</style>
<script type="text/javascript">
function PokazAkapit()
{
var akapit = document.getElementById('menu1');
var akapit2 = document.getElementById('menu2a');
var odnosnik = document.getElementById('menu1b');
var odnosnik2 = document.getElementById('menu2b');
var view = akapit.style.display;
var view2 = akapit2.style.display;
if (view == "block" && view2 == "none")
{
odnosnik.innerHTML = "menu1b";
akapit.style.display = "none";
odnosnik2.innerHTML = "menu2b";
akapit2.style.display = "block";
menu1b = document.getElementById("menu1b");

}
if (view == "none" && view2 == "block")
{
odnosnik.innerHTML = "menu1b";
akapit.style.display = "block";
odnosnik2.innerHTML = "menu2b";
akapit2.style.display = "none";
}
}
</script>
</head>
<body>
<div id="menu_zakladki">
<div id="tab-container-1">
<ul id="tab-container-1-nav">
<li><a onclick="PokazAkapit();" id="menu1b" style="">menu1b</a></li>
<li><a onclick="PokazAkapit();" id="menu2b" style="">menu2b</a></li>
										
</ul>
<div class="tab" id="menu1" style="display:block">
menu1b menu1b menu1b menu1b menu1b menu1b menu1b menu1b 
</div>
<div class="tab" id="menu2a"  style="display: none;">
menu2b menu2b menu2b menu2b menu2b menu2b menu2b 
											
</div>
</div>
</div><!--menu_zakladki-->
</body>
</html>

Niestety nie wiem jak zdeaktywować przycisk zakładki po kliknięciu - można nim przechodzić pomiędzy wszystkimi zakładkami.