Recently, I was creating a form that needed to include a series of fields that should only be visible in certain situations. My project was creating an online check-out form. I wanted users to have the ability to select and alternate address for shipping and have the additional fields become visible when the "Use different Address" checkbox was selected.
When I originally started working on this project, Oracle JET 2.1.0 was not released. But with the release of 2.1.0, I noticed a section of the cookbook included examples of how to enable visual effects with Oracle JET input components.
So, let's take a look at my initial implementation using a custom Knockout.js binding, then we will see how to implement the same funcitonality with Oracle JET using the animation effects.
Using a custom binding makes it possible to add "custom" capabilties to your application. The Knockout.js documentation provides examples, code snippets and a clear explanation of custom bindings (Knockout.js - Custom Bindings)
Basically, define the init and udpate functions for your custom binding, give the binding a name and then reference the binding in your HTML. Below is a simple example using CodePen.
In the documentation there is a section for Adding Animation Effects that covers how apply different effects to JET components. This includes not only adding effects but also specifying onptions for the effect, like the direction, delay .etc.