Estoy usando un complemento de WooCommerce llamado Paquetes de productos , dentro de este complemento hay un archivo JavaScript que activa una animación slideDown
para un .on("change")
.
El código se parece a esto:
.on( 'change', '.bundled_product_optional_checkbox input', function( event ) { bundled_item.$bundled_item_content.slideDown( 200 ); })
Lo que me gustaría hacer es eliminar por completo la animación de cualquiera de estos elementos, ya que quiero mostrar siempre los elementos HTML. Sin embargo, mostrar los elementos independientemente del estado de la casilla de verificación aún activa la animación y se ve muy extraño.
Dado que es un complemento, no puedo simplemente eliminar la animación slideDown del archivo del complemento, sino que tengo que crear mi propio archivo con una anulación.
He intentado usar .stop()
en el elemento .bundled_item_cart_content
pero no funciona. ¿Existen otras formas de desconectar animaciones, anularlas o detenerlas antes de que comiencen? (También intenté mover el orden de mi archivo de anulación para asegurarme de que se activa tanto antes como después del archivo JS de Paquetes de productos; ¡sin saber qué hacer, probé ambos!)
Si ayuda, tengo un sitio web de prueba que demuestra esto: Aquí . Si hace clic en 'Agregar' en los productos, verá la animación en el campo de entrada de números. (Mi intención es que siempre se muestre la entrada del número, pero eso es factible con CSS)
Cualquier ayuda sería muy apreciada.