AJAX - mostrar distintos div segun id

   
Vista:

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:

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
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
información
Otras secciones de LWP con contenido de AJAX
- Código fuente de AJAX
- Cursos de AJAX
- Temas de AJAX
información
Códigos de AJAX
- Actualizar página
- Autocompletar2
- Editor para pagina Web