Mostrar/Ocultar Divs

[cyber_dark]

Saludos, hoy navegando me encontre con este codigo que necesitaba:

<script>
function mostrardiv() {
div = document.getElementById(‘flotante’);
div.style.display = ”;
}
</script>

<div id=”mostrarDiv”><a href=”javascript:mostrardiv();”>Mostrar Div</a></div>
<div id=”flotante” style=”display:none;”> Este es un div oculto </div>

¿Se muy poco de este lenguaje pero como le aria para usarlo para mas de un div? Ejemplo:


<div id=”mostrarDiv”><a href=”javascript:mostrardiv();”>Mostrar Div</a></div>
<div id=”flotante” style=”display:none;”> Contenido de div 1 </div>

<div id=”mostrarDiv”><a href=”javascript:mostrardiv();”>Mostrar Div</a></div>
<div id=”flotante” style=”display:none;”> Contenido de div 2 </div>

<div id=”mostrarDiv”><a href=”javascript:mostrardiv();”>Mostrar Div</a></div>
<div id=”flotante” style=”display:none;”> Contenido de div 3</div>

[ArturoGallegos]

creo que buscas algo así...

Código HTML:

<script type="text/javascript">
    function MostrarContenido(id){
       var Contenido = document.getElementById(id);
       if(Contenido.style.display == 'none'){
        Contenido.style.display = '';
       }
       else{
        Contenido.style.display = 'none';
       }
    }
</script>
 
<ul>
    <li onclick="MostrarContenido('Cont1');">Contenido 1</li>
    <li onclick="MostrarContenido('Cont2');">Contenido 2</li>
    <li onclick="MostrarContenido('Cont3');">Contenido 3</li>
</ul>
 
<div id="Cont1" style="display:none;"><h2>Cont 1</h2>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s
</div>
<div id="Cont2" style="display:none;"><h2>Cont 2</h2>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s
</div>
<div id="Cont3" style="display:none;"><h2>Cont 3</h2>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s
</div>
 

prueba haber si te sirve

Nota: las ID no deben de repetirse dentro del mismo HTML, por como veo tu html estas repitiendo la id mostrarDiv y flotante

[cyber_dark]

Si algo asi busco pero tengo 2 dudas que no se si se puedan y como se puedan hacer.

1.- Si le doy click a los 3 divs, los 3 se abren lo ideal seria que solo uno sea visible y los otros esten ocultos.

2.- Si tubiera algo asi:

<li onclick="MostrarContenido('Cont1');">Iniciar Sesion</li>

Como puedo hacer para que en la url cambiara a mipagina.com/iniciar_sesion.html


<li onclick="MostrarContenido('Cont2');">Salir</li>

Como puedo hacer para que en la url cambiara a mipagina.com/salir.html


Espero puedas ayudarme, y muchas gracias por tu tiempo, te lo agradezco mucho.

[ArturoGallegos]

te refieres a que si le das clic a un elemento los otros dos se oculten? busca en jquery no es dificil de hacer... en cuanto a la url para que cambie tienes que mandarlo a otra pagina no puedes cargar el contenido y cambiar la url sin recargar la pagina o abrir una nueva