<div x-data="{ open: false }" @open-me="open=true">
<div @click="$dispatch('open-me')">Open Me</div>
<div x-show="open">I've been opened</div>
</div>
External CSS
This Pen doesn't use any external CSS resources.
<div x-data="{ open: false }" @open-me="open=true">
<div @click="$dispatch('open-me')">Open Me</div>
<div x-show="open">I've been opened</div>
</div>This Pen doesn't use any external CSS resources.