alpine js
<script src="https://cdn.jsdelivr.net/gh/alpinejs/[email protected]/dist/alpine.min.js" defer></script><script src="https://cdn.jsdelivr.net/gh/alpinejs/[email protected]/dist/alpine.min.js" defer></script><div x-data="{ open: false }">
<button @click="open = true">Open Dropdown</button>
<ul
x-show="open"
@click.away="open = false"
>
Dropdown Body
</ul>
</div><div
x-show="open"
x-transition:enter="transition ease-out duration-300"
x-transition:enter-start="opacity-0 transform scale-90"
x-transition:enter-end="opacity-100 transform scale-100"
x-transition:leave="transition ease-in duration-300"
x-transition:leave-start="opacity-100 transform scale-100"
x-transition:leave-end="opacity-0 transform scale-90"
>...</div>
Also in JavaScript:
- js add item to array
- append rotated triangle in anchor tag
- javascript Document word search and count
- sass variables across files
- Something bad happened. caprover
- npm md to html
- Javascript counting valleys
- how to connect next js with postgresql localhost
- button style in jquery datatable
- what are dependencies in package.json
- captitalize js
- hide url in discord.js
- javascript press tab key
- react router dom useparams
- how to remove whitespace only from first position of string js
- cypress memory leak
- javascript remove element
- js filter array
- javascript calculate age
- install vue js
- javascript array to csv string
- dumpdata json model dajngo
- unshift method in javascript
- Expected an assignment or function call and instead saw an expression