Caleb Porzio 2 лет назад
Родитель
Сommit
3adfd17dfd
1 измененных файлов с 6 добавлено и 12 удалено
  1. 6 12
      index.html

+ 6 - 12
index.html

@@ -10,17 +10,11 @@
     <!-- <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. -->
-    <div x-data="{ selectedIndex: 1 }">
-        <button @click="selectedIndex = selectedIndex ? 0 : 1">change</button>
-        <div x-data x-tabs x-model="selectedIndex">
-            <div x-tabs:list>
-                <button x-tabs:tab button-1>First</button>
-                <button x-tabs:tab button-2>Second</button>
-            </div>
-            <div x-tabs:panels>
-                <div x-tabs:panel panel-1>First Panel</div>
-                <div x-tabs:panel panel-2>Second Panel</div>
-            </div>
-        </div>
+    <div x-data="{ open: false }">
+        <button @click="open = !open">Toggle</button>
+
+        <span x-show="open">
+            Content...
+        </span>
     </div>
     </div>
 </html>
 </html>