tab content

[dziamber]

Piszę prosto z głowy więc nie wiem czy zadziała:

Kod PHP:

<script type="text/javascript">
function slider(id) {
if(id == 1) {
document.getElementById("tab1").style.visibility = 'visible';
document.getElementById("tab2").style.visibility = 'hidden';
document.getElementById("tab3").style.visibility = 'hidden';
document.getElementById("tab4").style.visibility = 'hidden';
} else if(id == 2) {
document.getElementById("tab2").style.visibility = 'visible';
document.getElementById("tab1").style.visibility = 'hidden';
document.getElementById("tab3").style.visibility = 'hidden';
document.getElementById("tab4").style.visibility = 'hidden';
} else if(id == 3) {
document.getElementById("tab3").style.visibility = 'visible';
document.getElementById("tab2").style.visibility = 'hidden';
document.getElementById("tab1").style.visibility = 'hidden';
document.getElementById("tab4").style.visibility = 'hidden';
} else {
document.getElementById("tab4").style.visibility = 'visible';
document.getElementById("tab2").style.visibility = 'hidden';
document.getElementById("tab3").style.visibility = 'hidden';
document.getElementById("tab1").style.visibility = 'hidden';
}
}
</script>
<div class="naglowek"><a onClick="slider(1)">Wiadomosci</a></div>
<div class="naglowek"><a onClick="slider(2)">Mecze</a></div>
<div class="naglowek"><a onClick="slider(3)">Artykuly</a></div>
<div class="naglowek"><a onClick="slider(4)">Pliki</a></div>
<div id="tab1">Jakies wiadomosci</div>
<div id="tab2">Mecze</div>
<div id="tab3">Artykuly</div>
<div id="tab4">Pliki</div> 


Kod jest banalny i można go napisać lepiej, ale nie jestem specjalistą w dziedzinie js więc tyle mogłem Ci pomóc.