mostrar distintos div segun id
Publicado por frik_1 (1 intervención) el 17/07/2014 20:35:11
Hola, soy nuevo en el foro, y aprendiendo a programar.
Me veo liado con algo que quiero hacer con jquery, el que pueda ayudarme muchas gracias :D.
Estoy intentando hacer que segun el id seleccionado, me muestre un div u otro.
Ejemplo:
No entiendo como armar el jquery para que me muestre el div ocultoBusqueda o el div ocultoActual, dependiendo el Boton que haya presionado, Buscar o Actualizar.
La funcion que estaba usando para hacer que me muestre u oculte un div es la siguiente, pero claro me faltaría hacer que si presiono Actualizar, el div "ocultoBusqueda" desaperzca y aparezca el div ocultoActual y viceversa:
Podrán darme una mano?
Gracias!
Me veo liado con algo que quiero hacer con jquery, el que pueda ayudarme muchas gracias :D.
Estoy intentando hacer que segun el id seleccionado, me muestre un div u otro.
Ejemplo:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<div class="nav">
<li>
<a id="buscar" href="#">Buscar</a>
</li>
<li>
<a id="actualizar" href="#">Actualizar</a>
</li>
</div>
<div id="ocultoBusqueda">
<select id="select1">
<option>Opcion 1</option>
</select>
<select id="select2">
<option>Opcion 1</option>
</select>
<input type="submit" value="Buscar">
</div>
<div id="ocultoActual">
<select id="select1">
<option>Opcion 1</option>
</select>
<input type="submit" value="Buscar">
</div>
No entiendo como armar el jquery para que me muestre el div ocultoBusqueda o el div ocultoActual, dependiendo el Boton que haya presionado, Buscar o Actualizar.
La funcion que estaba usando para hacer que me muestre u oculte un div es la siguiente, pero claro me faltaría hacer que si presiono Actualizar, el div "ocultoBusqueda" desaperzca y aparezca el div ocultoActual y viceversa:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
$(document).ready(function(){
estadobuscar=0;$("#buscar").click(function () {
if(estadobuscar==0) {
$('#ocultoBusqueda').slideUp('fast');
$('#buscar').html('Buscar');
estadobuscar=1;} else {
$('#ocultoBusqueda').slideDown('fast');
$('#buscar').html('Buscar');
estadobuscar=0; }});
});
Podrán darme una mano?
Gracias!
Valora esta pregunta
0