Expand / Collapse Widget Examples

This is a simple content area. Use the button to toggle visibility. The container has the class details.

Screen readers will see aria-expanded on the button and aria-hidden on the content.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum, nesciunt saepe. Quis, doloremque? Consequatur, eligendi distinctio.

Additional content helps demonstrate the animation when expanding and collapsing. It could be paragraphs, images, forms, or any custom content.

// Example code block inside details
function greet(name){
  return `Hello, ${name}!`;
}