Progressively loading form fields

Hi,

Does anyone know how to create progressively loading form fields in Webflow (Field reveals after previous is focused)?

Like this: https://codepen.io/dankreiger5/pen/vJKXbv

Here’s my read only link: https://preview.webflow.com/preview/testing-progressive-form?utm_medium=preview_link&utm_source=designer&utm_content=testing-progressive-form&preview=a8e3dabc7c459c18001034b7225638a7&mode=preview

Thanks!

Umm you could use that jQuery from the pen right?

I’ve added to the custom code to the page like this:

Screenshot 2021-01-19 at 14.47.11

jQuery is already loaded so don’t load it again. Put the script code in the before body close area. You will need to use the classes the script is expecting on your elements or you have to change the script. So each input field and label needs to be wrapped in a div with a class of form-group with an additional class of hidden (display:none). The html source in the pen shows what you need to do.

That’s working now, thanks so much!