datastar/site/static/md/examples/toggle_visibility.md

Toggle Visibility

Demo

Explanation

This example displays how to toggle visibility using the data-show attribute.

<div
  id="container"
  class="flex flex-col gap-4"
  data-signals="{bindBool: false}"
>
  <button
    class="btn btn-primary"
    data-on-click="$bindBool=!$bindBool">
    Toggle
  </button>
    <div data-show="$bindBool">
    Hello!
  </div>
</div>