JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="links">
  <li>
    <a href="#">Link1</a>
    <ul class="sublinks" style="display:none;">
      <li><a href="#">LOL</a></li>
      <li><a href="#">lololo</a></li>
      <li><a href="#">PRIVETKAKDELA)))))</a></li>
    </ul>
  </li>
  <li>
    <a href="#">Link2</a>
    <ul class="sublinks" style="display:none;">
      <li><a href="#">123</a></li>
      <li><a href="#">123123213</a></li>
      <li><a href="#">8</a></li>
    </ul>
  </li>
</ul>
<ul id="sublinks-ul"></ul>

JavaScript

$('.links li').on('click', function(){
	var newLinks = $(this).find('.sublinks').html();
  $('#sublinks-ul').html(newLinks);
});