JSFiddle - React, Tailwind, and code Playground

HTML

<dl>
  <dt ><a style="background: url(https://cdn.jeroen-de-flander.com/wp-content/themes/jeroen-de-flander/img/accordion-open.png)no-repeat right;margin-right:25px;">as</a></dt>
  <dd>
    <dl>
      <dt>Coffee</dt>
      <dd>black hot drink</dd>
      <dt>Milk</dt>
      <dd>white cold drink</dd>
      <dt>Beer</dt>
      <dd>
        <dl>
          <dt>European</dt>
          <dd>Heineken</dd>
          <dt>Mexican</dt>
          <dd>Corona</dd>
        </dl>
      </dd>
    </dl>
  </dd>
</dl>

CSS

dd {
    padding-left: 20px;
}

JavaScript

$('dt').click(function(e){
    $(this).nextUntil('dt').toggle();
});

$('dd').hide();