|
@@ -1,11 +1,18 @@
|
|
<html>
|
|
<html>
|
|
- <script src="/packages/intersect/dist/cdn.js" defer></script>
|
|
|
|
- <script src="/packages/morph/dist/cdn.js" defer></script>
|
|
|
|
- <script src="/packages/history/dist/cdn.js"></script>
|
|
|
|
- <script src="/packages/persist/dist/cdn.js"></script>
|
|
|
|
- <script src="/packages/trap/dist/cdn.js"></script>
|
|
|
|
- <script src="/packages/alpinejs/dist/cdn.js" defer></script>
|
|
|
|
|
|
+ <script src="./packages/intersect/dist/cdn.js" defer></script>
|
|
|
|
+ <script src="./packages/morph/dist/cdn.js" defer></script>
|
|
|
|
+ <script src="./packages/history/dist/cdn.js"></script>
|
|
|
|
+ <script src="./packages/persist/dist/cdn.js"></script>
|
|
|
|
+ <script src="./packages/trap/dist/cdn.js"></script>
|
|
|
|
+ <script src="./packages/alpinejs/dist/cdn.js" defer></script>
|
|
<!-- <script src="https://unpkg.com/alpinejs@3.0.0/dist/cdn.min.js" defer></script> -->
|
|
<!-- <script src="https://unpkg.com/alpinejs@3.0.0/dist/cdn.min.js" defer></script> -->
|
|
|
|
|
|
<!-- Play around. -->
|
|
<!-- Play around. -->
|
|
-</html>
|
|
|
|
|
|
+ <div x-data="{ open: false }">
|
|
|
|
+ <button @click="open = !open">Toggle</button>
|
|
|
|
+
|
|
|
|
+ <span x-show="open">
|
|
|
|
+ Content...
|
|
|
|
+ </span>
|
|
|
|
+ </div>
|
|
|
|
+</html>
|