{#each displaySections as section} {#if section.children}
  • { navTimeout = setTimeout( () => activeSection.set(section.id), timeout ); }} onfocus={() => activeSection.set(section.id)} onmouseleave={() => { clearTimeout(navTimeout); activeSection.set(null); }} onblur={() => { clearTimeout(navTimeout); activeSection.set(null); }} onclick={() => { if ($activeSection === section.id) { clearTimeout(navTimeout); activeSection.set(null); } }} >
    {section.name}
    {#if $activeSection === section.id} {/if}
    • {:else}
  • {section.name}
    • {/if} {/each}
  • { navTimeout = setTimeout(() => activeSection.set('more'), timeout); }} onfocus={() => activeSection.set('more')} onmouseleave={() => { clearTimeout(navTimeout); activeSection.set(null); }} onblur={() => { clearTimeout(navTimeout); activeSection.set(null); }} onclick={() => { if ($activeSection === 'more') { clearTimeout(navTimeout); activeSection.set(null); } }} >
    {#if $activeSection === 'more'} {/if}