How to animate between two models using two containers?

Hi, I’ve got a /posts route listing post models. When ‘next post’ is clicked Ember replaces the the current post with the next one in the same wrapper.

This way it is not possible to do simultaneous animations. I’d like to fade the current post out while the next post is fading in and for this I need two different elements.

How is this achived in Ember.js?

There is a library that’s does view animations and parts of it will be integrated into future version. With that said, I’m not sure if it will cover the scenario that you’re describing. You could probably do what you’re trying to do but it might not be trivial.