<script>
  import { createCollapsible } from 'louisette'

  const { triggerAttrs, contentAttrs } = createCollapsible()
</script>

<div>
  <button {...$triggerAttrs}>Toggle</button>
  <div {...$contentAttrs}>
    <p>Content</p>
  </div>
</div>

You can check out the documentation for more examples.