How we can expand the accordion

[arushigargwipro]

When i use the code of NDS accordion the accordion is not expanding is there any dependencies i have to install?

I am using the below code only:

<ul class="nds-accordion">
  <li class="nds-accordion__list-item">
    <section class="nds-accordion__section ">
      <div class="nds-accordion__summary">
        <h3 class="nds-text-heading_small nds-accordion__summary-heading">
          <button aria-controls="accordion-details-01" aria-expanded="true" class="nds-button nds-button_reset nds-accordion__summary-action">
            <svg class="nds-accordion__summary-action-icon nds-button__icon nds-button__icon_left" aria-hidden="true">
              <use xlink:href="./assets/icons/utility-sprite/svg/symbols.svg#switch"></use>
            </svg>
            <span class="nds-truncate" title="Accordion summary">Accordion summary</span>
          </button>
        </h3>
        <button class="nds-button nds-button_icon nds-button_icon-border-filled nds-button_icon-x-small nds-shrink-none" aria-haspopup="true">
          <svg class="nds-button__icon" aria-hidden="true">
            <use xlink:href="./assets/icons/utility-sprite/svg/symbols.svg#down"></use>
          </svg>
          <span class="nds-assistive-text">More Options</span>
        </button>
      </div>
      <div aria-hidden="false" class="nds-accordion__content" id="accordion-details-01">Accordion details - A</div>
    </section>
  </li>