<div x-data="{ show: false }">
    <button @click="show=!show">Show</button>
    <div x-show.transition="show">Hello</div>
</div>

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/alpinejs/2.8.0/alpine.js