Skip to main content
6 de 6
se añadieron 406 caracteres en el cuerpo

No funciona .$("#contenido").css("display", "flex"); en Firefox

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.