## Toggle Visibility

## Demo

<div id="container" data-on-load="sse('/examples/toggle_visibility/data')"></div>

## Explanation

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

```html
<div
  id="container"
  class="flex flex-col gap-4"
  data-signals={ templ.JSONString(signals) }
>
  <button
    class="btn btn-primary"
    data-on-click="bindBool.value=!bindBool.value">
    Toggle
  </button>
    <div data-show="bindBool.value">
    Hello!
  </div>
</div>
```