JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/base/jquery-ui.css">
<div class='review-accordion'>
  <h3><a href="#1">1</a></h3>
  <div>
    <div class='review-accordion'>
      <h3><a href="#1a">1.a</a></h3>
      <div> this is data from 1a</div>
    
      <h3><a href="#1b">1.b</a></h3>
      <div>Some content</div>
    </div>
  </div>
  
  <h3><a href="#2">2</a></h3>
  <div>
    <div class='review-accordion'>
      <h3><a href="#2a">2.a</a></h3>
      <div> this is data from 2a</div>
    
      <h3><a href="#2b">2.b</a></h3>
      <div> this is data from 2b</div>
    </div>
  </div>

  <h3><a href="#3">3</a></h3>
  <div> this is data from 3</div>
  
  
</div>

JavaScript

$( ".review-accordion" ).accordion();