JSFiddle - React, Tailwind, and code Playground

by TrueBlueAussie

HTML

<ul class="ol1">
    <li>Text1</li>
    <li>Text1</li>
    <li>Text1</li>
    <li>Text1</li>
    <li>Text1</li>
    <li>Text1</li>
    <li>Text1</li>
    <li>Text2</li>
    <li>Text2</li>
</ul>

<ul class="ol2">
   
</ul>

CSS

.ol1{
    height: 300px;
}
.ol2{
    border: 1px solid red;
}

JavaScript

if ($('.ol1').height() > 200){
    $('.ol2').append($('.ol1 li:gt(-6)'));
}