Este foro ya no está activo, así que no puedes publicar nuevas preguntas ni responder a las preguntas existentes.

Bootstrap 3 - Eliminar efecto fadeOut() al colapsar un panel

23 de diciembre de 2015

Buenos días,

Para cerrar un panel de Bootstrap, uso la siguiente instrucción jQuery: ("#customerinformation-collapse").collapse("hide");

El problema, es que por defecto, al cerrar, aplica un efecto fadeOut, ¿sabrían como eliminar completamente el efecto fadeOut?

Muchas gracias por la ayuda.


Respuestas

#1

Lamentablemente Bootstrap 3 no define ninguna opción para cambiar o eliminar esa animación, así que hay que hacerlo a mano. La primera opción que puedes probar es la que se recomienda en esta respuesta de StackOverflow. Se trata de redefinir los estilos de la clase .collapsing que es la que se aplica a los paneles durante el breve período en el que se están comprimiendo:

.collapsing {
    -webkit-transition: none;
    transition: none;
}

Si esto no te funciona, tendrás que hacer algo parecido a lo que se explica en esta otra respuesta. Tendrás que capturar el evento show.bs.collapse y quitar la clase CSS que lanza la animación.

@javiereguiluz

23 diciembre 2015, 10:44
#2

Muchas gracias, contestación rapidísima :)

@eladerezador

23 diciembre 2015, 12:23