Home › Forums › General Issues › Can I use a different transition when hiding/showing conditional fields? › Reply To: Can I use a different transition when hiding/showing conditional fields?
That’s not possible due to the fact that ACF uses either
display: block; or
display: none; for the css that controls if the fields are shown or not and there isn’t any way to transition between the two states. http://stackoverflow.com/questions/3331353/transitions-on-the-display-property.
It is possible to add custom CSS and JS to fields, but I don’t see how this would really help since the existence of the
hidden-by-conditional-logic class is what hides a field. Basically you’d need to set the opacity of every field that does not have this class to 100% and set the opacity of the fields with this class to 0% and then you might be able to transition that, but to be honest, I haven’t got a clue if that would work.
Welcome to the Advanced Custom Fields community forum.
Browse through ideas, snippets of code, questions and answers between fellow ACF users
Helping others is a great way to earn karma, gain badges and help ACF development!
The ACF site is currently experiencing some issues.— Advanced Custom Fields (@wp_acf) September 29, 2022
We apologize for the inconvenience and we are working hard to get it back up and running as soon as possible.
© 2022 Advanced Custom Fields.