Naturkind generelt

</div> </details> {% endif %}

Forklaring af den forbedrede kode:

1. HTML-strukturen med <details> og <summary> tags:

   • <details> skaber det sammenklappelige element.
   • <summary> fungerer som overskriften eller triggeren, der skal klikkes på for at udvide eller skjule indholdet.

2. Tilføjelse af simple inline-styles:

   • style="margin-top: 20px; padding: 10px; border: 1px solid #ddd; border-radius: 5px;": Giver collapsible taben lidt styling med margin, padding, en kant og afrundede hjørner.
   • style="cursor: pointer; font-weight: bold; padding: 5px 0;" på <summary>: Gør det tydeligt, at det er klikbart med en pointer-cursor og gør teksten fed.
   • Indholdet fra siden bliver indsat i en <div> under <summary> for bedre strukturering.

Hvis collapsible taben stadig ikke vises korrekt, kan det skyldes tema-specifik CSS, der overskriver standard-stilen. Du kan tjekke i din tema’s CSS-fil for at sikre, at details og summary ikke er sat til display: none; eller lignende