Hello:

Does anyone on here use the Aurelia framework, and the animation module within it?

I have a few questions about it and am having difficulty finding a board for it, given it is so new.

I have gotten a start on aurelia.io and other blogs that have animation tutorials, but I am more of a designer vs. a JavaScript expert and need some guidance.

I am trying to understand how to load a div into the DOM with if.bind upon a button press, have the div do a series of css animations based on the aurelia-css-animator, and then remove the div from the DOM.

I want to do this so the div with code is only loaded if needed, and not hidden ( to cut down on the amount of code needed to be downloaded, etc ).

I can do the animations fine independently, and the if.bind independently, but cannot get them to work together. Basically, if I load the div with if.bind on button press the CSS classes that cause the animation ( enter-animation and exit-animation ) do not recognize each other and no animation happens ( based on the CSS @keyframes ).

Would anyone know anything about how to address this, or have a simple example with code to demonstrate how to load code into the DOM, animate it, and then remove the code from the DOM?

Any feedback would be great.

Thanks!