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="auto">
<head>
<title></title>
</head>
<body class="bg-base">
<p-accordion heading="Some Heading">
<p-text>
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>