Ver Mensaje Individual
  #2 (permalink)  
Antiguo 29/08/2014, 09:44
Avatar de Alexis88
Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.552
Antigüedad: 13 años
Puntos: 977
Respuesta: ocultar y mostrar jquery?

Si los botones son para mostrar y ocultar elementos, no entiendo para qué quieres prevenir la acción natural del evento click, además, el método toggle no es un evento del cual puedas capturar un evento.

Podrías también hacerlo así:

Código HTML:
Ver original
  1. <div id = "foo">Ejemplo</div>
  2. <button onclick = "showHide('#foo', this)">Ocultar</button>
  3.  
  4. <div id = "bar">Otro ejemplo</div>
  5. <button onclick = "showHide('#bar', this)">Ocultar</button>

Código Javascript:
Ver original
  1. function showHide(id, button){
  2.     $(button).text($(button).text() == "Ocultar" ? "Mostrar" : "Ocultar");
  3.     $(id).slideToggle("slow");
  4. }

De este modo, al pulsar cualquier botón, muestras u ocultas al <div> que tenga asociado y cambias el texto en el botón pulsado. El método slideToggle combina la acción de los métodos slideUp y slideDown, aplicando uno de ambos efectos según sea el estado de visibilidad del elemento a afectar.

DEMO

Saludos
__________________
«Juro por mi vida y mi amor por ella, que jamás viviré para el provecho de otro hombre, ni le pediré a otro hombre que viva para el mío».

Ayn Rand