title: Angular5 : Mix animateChild(), transition() and state() with nested divs
body: <p>Using Angular 5, I am trying to achieve something I believe to be really obvious. But I cannot get it working.</p>
  
  <p>Suppose I have two nested divs with an animation on each (with states and transition). I just want to launch the both at the same time when the state changes.</p>
  
  <p>Of course, I tried to use <code>animateChild()</code> and <code>group()</code> methods, but ... It still don't work. I don't get how to mix <code>state()</code>, 'transition()' and <code>animateChild()</code>.   </p>
  
  <p>If somebody can help.</p>
  
  <p>Here is a really simplified plunker : <a href="https://stackblitz.com/edit/angular5-animations-state-and-animatechild?file=app%2Fapp.component.ts" rel="nofollow noreferrer">https://stackblitz.com/edit/angular5-animations-state-and-animatechild?file=app%2Fapp.component.ts</a> </p>
  
  <p>Thank you very much in advance for any help.</p>