<div x-data="{ open: false }"> <button @click="open = true">Open Dropdown</button> <ul x-show="open" @click.away="open = false" > Dropdown Body </ul> </div>
This Pen is owned by Daniel Esteves on CodePen.
See more by @danestves on CodePen
This Pen doesn't use any external CSS resources.