Untitled

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title></title>
</head>
<body>
   <p>Tekst over læs mere..</p>
<details>


  <summary>Læs mere</summary>
  <div class="indhold">
    <p>Her er den skjulte tekst, som foldes ud, når man klikker. Det virker 100% uden JavaScript og er understøttet i alle moderne browsere.</p>
  </div>
</details>
</body>
</html>

<style>
/* Styling af selve knappen */
summary {
  cursor: pointer;
  font-weight: bold;
  color: #0056b3;
}

/* Fjern standard-pilen (hvis du vil lave din egen) */
summary::-webkit-details-marker {
  display: none;
}
</style>
Editor is loading...