p-accordion is a component that reveals or hides associated sections of content. Accordions are flexible in the
context and can include other components of the Porsche Design System.<!doctype html>
<html lang="en" class="scheme-light-dark">
<head>
<title></title>
</head>
<body class="bg-canvas">
<p-accordion>
<p-heading slot="summary" tag="h2" size="small" weight="semibold">
Some summary
</p-heading>
<p-text>
Some details. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore agna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
</p-text>
</p-accordion>
<script>
const pAccordion = document.querySelector("p-accordion");
pAccordion.addEventListener('update', (e) => e.target.open = e.detail.open);
</script>
</body>
</html>