Accordion-details-summary.html

<!-- From https://codepen.io/thomashigginbotham/pen/aYqvqQ -->

<style>
  @import url("https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700");
  body {
    font-family: 'Open Sans', sans-serif;
  }
  details {
    margin: 1rem;
  }
  summary {
    font-weight: bold;
    list-style-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/3/right-arrow.svg);
  }
  details[open] summary {
    list-style-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/9632/down-arrow.svg);
  }
  summary::-webkit-details-marker {
    background: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/3/right-arrow.svg);
    color: transparent;
  }
  details[open] summary::-webkit-details-marker {
    background: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/9632/down-arrow.svg);
  }
</style>

<details>
  <summary>What is the population of New Orleans?</summary>
  According to 2010 Census Bureau estimates, New Orleans' population is made up of approximately 343,829 residents.
</details>