Проблем с табове

[Gamerz]

Здравейте, сложих едни табчета в сайта ми, но има един проблем. Табовете взех от интернет. Когато не е натиснато нищо ми показва един празен таб, и когато вече натисна таб 1, таб 2 тогава почват да си работят ето кода ако може някой да ми каже как да премахна тази простотия...

<div class="tabContainer" >
  <ul class="digiTabs" id="sidebarTabs">
    <li  id="tab1" class="selected"  onclick="tabs(this);">СМЕХ</li>
    <li id="tab2" onclick="tabs(this);">НОВИ</li>
  </ul>
</div>
 
<div id="tabContent">

</div>
<div id="tab1Content" style="display:none;">

info v tab 1
</div>

<div id="tab1Content" style="display:none;">

info v tab 2
</div>

[js]<script type="text/javascript">
function tabs(x)
{
var lis=document.getElementById("sidebarTabs").childNodes; //gets all the LI from the UL

for(i=0;i<lis.length;i++)
{
lis.className=""; //removes the classname from all the LI
}
x.className="selected"; //the clicked tab gets the classname selected
var res=document.getElementById("tabContent"); //the resource for the main tabContent
var tab=x.id;
switch(tab) //this switch case replaces the tabContent
{
case "tab1":
res.innerHTML=document.getElementById("tab1Content").innerHTML;
break;

case "tab2":
res.innerHTML=document.getElementById("tab2Content").innerHTML;
break;
case "tab3":
res.innerHTML=document.getElementById("tab3Content").innerHTML;
break;
default:
res.innerHTML=document.getElementById("tab1Content").innerHTML;
break;

}
}

</script>[/js]

 

[s_gerrard]

Изпълни този код при зареждане на страницата.
[js]document.getElementById("tabContent").innerHTML=document.getElementById("tab1Content").innerHTML;[/js]

 

[Gamerz]

Нищо не стана. Неможел ида се изтрие този празен таbcontent от джавата и html кода и като цяло да се махне....

 

[Gamerz]

Никой ли не знае как да го оправя?

 

[s_gerrard]

Я дай целия код, че не ми се вярва да не става.