Make x-show wait for children to finish transitioning

[calebporzio]

Given a nested x-show with the child having a transition out:

<div x-show="open">
  <div x-show="open" x-transition:leave="some-slow-transition">

Before, we wouldn't see the transition out on the child because the parent would hide immediately.

NOW, every x-show will wait for its children to finish hiding before it hides itself.

You can forgo this functionality by adding the .immediate modifier:

<div x-show.immediate="open">
  <div x-show="open" x-transition:leave="some-slow-transition">