Svelte collapsible menu

menu.svelte

<script>
  import { slide } from "svelte/transition";
  import { page } from "$app/stores";
  
  let isExpanded = false;
  const toggleCollapse = () => {
    isExpanded = !isExpanded;
  };
</script>

<ul>
  <li>
    <a
      id="create"
      on:click={toggleCollapse}
      on:keypress={(event) => {
        if (event.key === "Enter") toggleCollapse();
      }}
    >
      Create
    </a>
    {#if isExpanded}
      <ul id="createMenu" transition:slide>
        <li>
          <a href="/create/target">Target</a>
        </li>
        <li>
          <a href="/create/organization">Organization</a>
        </li>
      </ul>
    {/if}
  </li>
</ul>