[SOLUCIONADO] Como mostrar varios div ocultos con un solo boton

[htkaren_]

Hola!
Como podrán darse cuenta soy muy nueva en esto y necesito de su ayuda!
Les explico mi problema...

En mi página necesito dar de alta a usuarios, pero se me pide que tenga mostrados los campos para el alta de uno, y al dar clic en un botón, link o imagen pueda mostrar el siguiente div (que contiene los mismos campos que el primero), y así sucesivamente...

No sé si me di a entender correctamente; espero que me puedan ayudar!

De antemano les agradezco... :-)

[BLAH !!]

htKaren_ :

Podrías explicarte mejor. Entiendo que quieres seleccionar los clientes que darás de alta y al hacer click en un botón estos se den de alta y se muestren en otro lugar del sitio ?

[htkaren_]

Hola BLAH!:

No, lo que pasa es que tengo los campos para dar de alta a 10 clientes (10 campos de nombre, 10 de direccion, etc) todos agrupados en un div distinto.
Te pongo un ejemplo en código...
<div id="1">
<label>Nombre</label><input type"text" id="nombre">
<label>Direccion</label><input type"text" id="direccion">
...
</div>
<div id="2">
<label>Nombre</label><input type"text" id="nombre2">
<label>Direccion</label><input type"text" id="direccion2">
</div>
<div id="3">
<label>Nombre</label><input type"text" id="nombre3">
<label>Direccion</label><input type"text" id="direccion3">
...
</div>
...
<div id="10">
<label>Nombre</label><input type"text" id="nombre10">
<label>Direccion</label><input type"text" id="direccion10">
...
</div>


Pero necesito solo mostrar 1 div y dejar los otros ocultos, solo al momento de dar clic en el botón "Agregar mas" se muestre el siguiente div y así, cada vez que se presione el botón me muestre otro div hasta llegar al 10...

Espero se entienda mejor...

[NueveReinas]

Quizá esto te sirva: http://www.forosdelweb.com/f179/boto...9/#post4695035

[pr0x]

Por que no usas los tabs de bootstrap para mucho uno de los mejores framework CSS y JavaScrip que existen
[URL="http://getbootstrap.com/"]http://getbootstrap.com/[/URL]

Igual una tecnica puede ser tener una funcion que oculte todos los div, cambiando el attributo
div.style.display = 'none'
y mostrando el div que quieres con div.style.display = 'block'
Usando jQuery es mucho mas facil
$('a').click(function() {
$('div.tab-panel').hide('fast');
idDivToShow = $(a).attr('href');
$(idDivToShow).show('fast')

})

//por su puesto si utilizas bootstrap no tienes que añadir el codigo javascript
<ul class="nav nav-tabs" id="myTab">
<li class="active"><a href="#home">Home</a></li>
<li><a href="#profile">Profile</a></li>
<li><a href="#messages">Messages</a></li>
<li><a href="#settings">Settings</a></li>
</ul>

<div class="tab-content">
<div class="tab-pane active" id="home"><fileds>....</div>
<div class="tab-pane" id="profile"><fileds>....</div>
<div class="tab-pane" id="messages"><fileds>....</div>
<div class="tab-pane" id="settings"><fileds>....</div>
</div>

[htkaren_]

Iniciado por NueveReinas

Quizá esto te sirva: [url]http://www.forosdelweb.com/f179/boton-crear-nuevo-input-formulario-1124389/#post4695035[/url]

Gracias! pero ya lo he intentado de esta manera y me genera conflictos....