JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="one">
    <li>Item 1</li>
    <li>Item 2</li>
<ul>
<div id="div_for_second_UL">
  <ul>
      <li>Item 3</li>
  </ul>
</div>
<button id="doit"> Do it</button>

CSS

#div_for_second_UL{
    border: 1px solid black;
    margin: 5px;
    padding: 5px;
}

JavaScript

$('#doit').click(function(){
    var li = $('#one li:first');
    li.fadeOut(500, function() {
         li.prependTo('#div_for_second_UL ul').fadeIn(); 
    });
});