alpinejs/alpine v1.1.5

on GitHub

<div x-data="{ open: false }">
    <div
        x-show="open"
        x-transition:enter="ease-out transition-fastest"
        x-transition:enter-start="opacity-0 scale-90"
        x-transition:enter-end="opacity-100 scale-100"
        x-transition:leave="ease-in transition-fastest"
        x-transition:leave-start="opacity-100 scale-100"
        x-transition:leave-end="opacity-0 scale-90"
    >thing</div>

    <button x-on:click="open = ! open">
        toggle thing
    </button>
</div>