Autor Tema: [Solucionado] Mostrar y Ocultar con Jquery  (Leído 8613 veces)

0 Usuarios y 1 Visitante están viendo este tema.

Desconectado fastlane

  • Sv Member
  • ***
  • Mensajes: 411
[Solucionado] Mostrar y Ocultar con Jquery
« : junio 16, 2010, 12:55:16 pm »
Desde ya gracias a todos por su ayuda.

Tengo 13 botones (btn1, btn2, etc.) al dar click en btn1 me muestra una tabla tal cual debe ser, ahora como puedo hacer que cuando se de click en btn2 se oculte la tabla que mostró btn1 y solo me muestre la tabla que esta desplegando btn2.

Gracias a ambos por sus respuestas.

[Solución]

Dejo el código que utilice:
Código: [Seleccionar]
<script type="text/javascript">
 $(document).ready(function() {
  $('.ocultar').hide(); //Oculta todos los divs que contienen las tablas (en mi caso 13 tablas)
   $('.btnmapa').click(function(){
        $('.ocultar').hide(); //Al dar click en un botón y si ya hay una div mostrándose se oculta
        $("#"+$(this).attr('value')).show('slow'); //Se toma el value del botón clickeado el cual es el id del div que contiene la tabla y se muestra la nueva tabla
        return false;
    });
});
</script>
« Última Modificación: junio 19, 2010, 08:03:31 pm por fastlane »

Desconectado vlad

  • Global Moderator
  • The Communiter-
  • *
  • Mensajes: 6351
    • Qualium.net
Re:[Pregunta] Mostrar y Ocultar con Jquery
« Respuesta #1 : junio 16, 2010, 01:24:18 pm »
http://api.jquery.com/hide/
http://api.jquery.com/show/

Que el btn2 ejecute un hide() a la tabla del btn1 y luego un show() a su respectiva tabla.

Desconectado Jaru

  • The Communiter-
  • *
  • Mensajes: 13252
  • some text
Re:[Pregunta] Mostrar y Ocultar con Jquery
« Respuesta #2 : junio 16, 2010, 01:24:34 pm »
borrar la tabla que genero el boton1 (puede ser con el ID de la tabla)
o tener un contenedor div o span y meter/borrar todo dentro de ese mismo contenedor.

esto te puede ayudar:
http://forum.svcommunity.org/mixed/(video-tutoriales)-lynda-com-jquery-essential-training/
N/A

Desconectado vlad

  • Global Moderator
  • The Communiter-
  • *
  • Mensajes: 6351
    • Qualium.net
Re:[Pregunta] Mostrar y Ocultar con Jquery
« Respuesta #3 : junio 16, 2010, 01:39:24 pm »
El problema de borrar vs ocultar seria que si se borra la tabla al volver a presionar el btn1 ya no se mostraría. Y si no habria que meter el HTML de la tabla en una variable para volverla a crear, lo cual seria una mala solucion a un problema innecesario.