mostrar capa

SeaPirates · #1 (**permalink**) 11/05/2010, 13:00

Hola tengo este código

Código Javascript:

Ver original<script type="text/javascript">
        function cambio(idCapa){
            var capa = document.getElementById(idCapa);
            capa.style.display = (capa.style.display == "none") ? "block" : "none";
        }
    </script>
    
    
    
 
<a href="#" onclick="cambio('amigos')">Amigos</a>
        <div id="amigos">
            ooooooooo
        </div>
                <a href="#" onclick="cambio('buscar')">Búsqueda</a>
        <div id="buscar" style="display:none;">
            buscar
 
        
 
    </div>

Pero necesito que al mostrar una capa, la otra se esconda, como hago eso?

crujikoki · #2 (**permalink**) 12/05/2010, 01:06

Hola,

No estoy seguro de si es esto lo que quieres...

Código Javascript:

Ver original<html>
<head>
<script type="text/javascript">
 
function cambio(idCapa1 , idCapa2)
{
    var capa1 = document.getElementById(idCapa1);
    var capa2 = document.getElementById(idCapa2);
    capa1.style.display = (capa1.style.display == "none") ? "block" : "none";
    if(capa1.style.display == "block")
    {
        capa2.style.display = "none";
    }
}
</script>
</head>
<body>
<a href="#" onclick="cambio('amigos','buscar')">Amigos</a>
<div id="amigos">ooooooooo</div>
<a href="#" onclick="cambio('buscar', 'amigos')">Búsqueda</a>
<div id="buscar" style="display:none;">buscar</div>
</body>
</html>

Lo he hecho un poquillo cutre por que así rápido no se me ocurría otra forma mejor de hacerlo...

Saludos.

manuga87 · #3 (**permalink**) 12/05/2010, 03:57

Por lo que veo a simple vista lo que te comenta el compañero es correcto, voy a echarle un vistazo y te comento.

SeaPirates · #4 (**permalink**) 12/05/2010, 05:39

Gracias maquina +1