Navegación entre varias div. Que se vea la div1 al abrir navegador

[Alexis88]

La lógica es la misma: toma al primer elemento de la colección y hazlo visible.

Ejemplo 1:

Código HTML:

<section>
    <div>
        <label class="content">Contenido 1</label>
    </div>
    <div>
        <label class="content">Contenido 2</label>
    </div>
    <div>
        <label class="content">Contenido 3</label>
    </div>
</section>
 

Solución:

Código Javascript:

$(".content:first").toggle("slow"); //Muestra el <label> de "contenido 1"
 

Ejemplo 2:

Código HTML:

<div>
    <p>
        <a class="enlace">Enlace 1</a>
    </p>
    <p>
        <a class="enlace">Enlace 2</a>
    </p>
    <p>
        <a class="enlace">Enlace 3</a>
    </p>
</div>
 

Solución:

Código Javascript:

$(".enlace:first").toggle("slow"); //Muestra el <a> de "enlace 1"
 

Ejemplo 3:

Código HTML:

<section>
    <div class="elements">
        <label>Input 1:</label>
        <input type="text" />
    </div>
    <div class="elements">
        <label>Input 2:</label>
        <input type="text" />
    </div>
    <div class="elements">
        <label>Input 3:</label>
        <input type="text" />
    </div>
</section>
 

Solución:

Código Javascript:

$(".elements:first").toggle("slow"); //Muestra el <div> del "input 1"