Svelte로 Collapse 설치

<script>
import { slide } from 'svelte/transition'

const contents = ['content1', 'content2', 'content3']
let showContent = ''

const handleClick = (payload) => {
  // 現状開いてる場合は閉じる
  showContent = payload === showContent ? '' : payload
}
</script>

{#each contents as content}
<div>
  <button type="button" on:click={() => handleClick(content)}>{content}</button>
  {#if showContent === content}
  <p transition:slide={{ duration: 400 }}>{content}</p>
  {/if}
</div>
{/each}