JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="https://code.jquery.com/jquery-latest.min.js"></script>
<ul>
  <li>list 1</li>
  <li>list 2</li>
  <li>list 3
    <ul>
      <li>list 31</li>
      <li>list 32</li>
      <li>list 33</li>
    </ul>
  </li>
  <li>list 4</li>
  <li>list 5</li>
</ul>

JavaScript

$(document).ready(function(e) {
	  $('ul').on('click', 'li', function(e) {
	    e.stopPropagation();
	    $(this).append(
	      '<ul>' +
	      '<li>list a</li>' +
	      '<li>list b</li>' +
	      '<li>list c</li>' +
	      '</ul>'
	    );
	  });
	});