caricatos, da igual, sigue fallando:
Código HTML:
<style type="text/css">
<!--
body,td,th {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
a:link {
color: #0066CC;
}
a:visited {
color: #0066CC;
}
a:hover {
color: #0066CC;
}
a:active {
color: #0066CC;
}
.barratopgeneral {
}
.barratopgeneral2 {
width:606px;
height:22px;
background-color:#CCCCCC;
padding:5px;
border:1px solid #666666;}
.barratopgeneral3 {
width:606px;
height:22px;
background-color:#DBDBDB;
padding:5px;
border:1px solid #666666;}
.barratopindividual {
width:195px;
float:left;
margin-right:2px;}
.barratopindividual2 {
background-color:#999999;
width:195px;
float:left;
margin-right:2px;}
-->
</style>
<script>
function cambiarPagina(pag) {
if(pag == "a") {
document.getElementById('b').style.display='hidden';
document.getElementById('b').style.position='absolute';
document.getElementById('c').style.display='hidden';
document.getElementById('c').style.position='absolute';
document.getElementById('a').style.display='block';
document.getElementById('a').style.position='relative';
}
if(pag == "b") {
document.getElementById('a').style.display='hidden';
document.getElementById('a').style.position='absolute';
document.getElementById('c').style.display='hidden';
document.getElementById('c').style.position='absolute';
document.getElementById('b').style.display='block';
document.getElementById('b').style.position='relative';
}
if(pag == "c") {
document.getElementById('a').style.display='hidden';
document.getElementById('a').style.position='absolute';
document.getElementById('b').style.display='hidden';
document.getElementById('b').style.position='absolute';
document.getElementById('c').style.display='block';
document.getElementById('c').style.position='relative';
}
}
</script>
<div class="barratopgeneral"><div class="barratopgeneral2">
<div class="barratopindividual" style="border-right:1px solid #666666;"><a href="#" onClick="cambiarPagina('a')">Menu 1 </a></div>
<div class="barratopindividual" style="border-right:1px solid #666666;"><a href="#" onClick="cambiarPagina('b')">Menu 2 </a></div>
<div class="barratopindividual"><a href="#" onClick="cambiarPagina('c')">Menu 3 </a></div>
</div>
</div>
<div id="a" class="barratopgeneral3" style="display:block;position:relative;">1 asdasd</div>
<div id="b" class="barratopgeneral3" style="display:none;position:absolute;">2 asdada</div>
<div id="c" class="barratopgeneral3" style="display:none;position:absolute;">3 asdasdas</div> Da igual que me paseis un link a textos desplegables con un código, yo lo que quiero es saber que esta mal en este.