@momentum-ui/react-collaboration/scss/components/accordion/examples/default.html

Cisco Momentum UI Framework for React Collaboration Applications

<div class="md-accordion">
  <div
    aria-expanded="true"
    class="md-accordion__group md-accordion__group--active">
    <div role="button" class="md-accordion__header">
      <div>Accordion 1</div>
      <span class="md-accordion__header-icon"></span>
    </div>
    <div class="md-accordion__content">
      <div
        aria-current="false"
        class="md-list-item"
        id="md-list-item-12"
        role="listItem"
        title="Content 1">Content 1</div>
    </div>
  </div>
  <div aria-expanded="false" class="md-accordion__group">
    <div role="button" class="md-accordion__header">
      <div>Accordion 2</div>
      <span class="md-accordion__header-icon"></span>
    </div>
    <div class="md-accordion__content">
      <div
        aria-current="false"
        class="md-list-item"
        id="md-list-item-13"
        role="listItem"
        title="Content 2">Content 2</div>
    </div>
  </div>
</div>