Select all hidden fields through a class

Hello,

I'm trying to fade in all of the hidden fields when a condition is met using the following CSS code:

.form-field-hidden{
    animation : fade 1s;
    -webkit-animation : fade 1s;
}

@keyframes fade {  0% { opacity: 0; } 100% { opacity: 1; }  }

@-webkit-keyframes fade {  0% { opacity: 0; } 100% { opacity: 1; }  }

However, because the class is removed as soon as it is shown, it can't select it. I tried to add a little script to add a necessary static class, but after researching, I have discovered that I can't insert custom scripts through the builder.

Now, I could just select every field by the id and add the animation, but that's a little cumbersome.

Is there some way to retain the .form-field-hidden class or make it switch to .form-field-show?

Unfortunately, we do not have access to the classes.

You may try a .form-line class instead which is applied to every field.

If you need any further assistance, please let us know.