<script src="//unpkg.com/alpinejs" defer></script>
 
<div x-data="{ open: false }">
  <button @click="open = true">Развернуть</button>

  <span x-show="open">
    Контент...
  </span>
</div>

Alpine — это надежный минималистичный инструмент для компоновки поведения непосредственно в вашей разметке. Думайте об этом как о jQuery для современной сети. Вставьте тег script и приступайте.

Alpine — это набор из 15 атрибутов, 6 свойств и 2 методов.

Нет лучшего способа понять, что такое Alpine и на что он способен, чем увидеть это своими глазами: