0

Tengo el siguiente código que muestra unos textos al hacer click en un botón.

Funciona bien en todos los navegadores menos en Firefox 53.0.3 64 bits, ¿alguna idea?

  $(document).ready(function(event) {
    $('#btn-servicios-1').click(mostrarServicios1);
    $('#cerrar-servicios-1').click(cerrarServicios1);
  });

  function cerrarServicios1() {
    event.preventDefault();
    $("#contenido-servicios-1").hide();
  }

  function mostrarServicios1() {
    event.preventDefault();
    $("#contenido-servicios-1").css("display", "flex");
  }

Acabo de probar:

$("#contenido-servicios-1").show();
$("#contenido-servicios-1").css("display", "flex");

Y tampoco funciona

He probado solo con

$("#contenido-servicios-1").show();

Y tampoco va, no es cosa de usar show(); o .css(display).

PD: SOLUCIONADO

function cerrarServicios1(event) {
    event.preventDefault(event);
    $("#contenido-servicios-1").hide();
  }

  function mostrarServicios1(event) {
    event.preventDefault(event);
    $("#contenido-servicios-1").css("display", "flex");
  }

Al final lo he solucionado añadiendo 'event' en las funciones. Gracias a todos por las molestias.

14
  • ¿has probado ha hacerle un ".show()" en mostrar servicios?
    – Carmen
    Commented el 8 jun. 2017 a las 8:57
  • el problema es que el 'show()' creo que implica hacer un display: block; ¿no?. Yo necesito q sea display: flex; Commented el 8 jun. 2017 a las 9:04
  • ¿Qué versión de Firefox?
    – fedorqui
    Commented el 8 jun. 2017 a las 9:21
  • 53.0.3 64bits (lo acabo de instalar ademas) @fedorqui Commented el 8 jun. 2017 a las 9:25
  • ok, era por sber si te funcionaba
    – Carmen
    Commented el 8 jun. 2017 a las 9:29

1 respuesta 1

1

Justo te estaba escribiendo una solución parecida cuando veo que lo has solucionado. Aquí te dejo el código que probé yo:

 $(document).ready(function() {
   $('#btn-servicios-1').click(mostrarServicios1);
   $('#cerrar-servicios-1').click(cerrarServicios1);
 });

 function cerrarServicios1() {
   $("#contenido-servicios-1").hide();
   return false;
 }

function mostrarServicios1() {
  $("#contenido-servicios-1").css("display", "flex");
  return false;
}

return false también sirve para parar la propagación. Espero que te sea útil :)

1
  • Vaya gracias @Sergio Clebal ! Tomo nota. Commented el 8 jun. 2017 a las 11:25

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.