JSFiddle - React, Tailwind, and code Playground

by Aakash Chakravarthy

HTML

<ul>
    <li>item 1 </li>
    <li>item 2 </li>
    <li>item 3 </li>
    <li>item 4 </li>
    <li>item 5 </li>
</ul>

<p>sdsadas</p>
<span></span>
<b></b>

CSS

ul{
    height: 60px;
    overflow: hidden;
    margin: 20px;
    border:1px solid #ccc;
}

JavaScript

$('p').click(function(){
    $('ul li:first').css({'margin-top': '-=20'});
    $('span').text($('ul li:first').css('margin-top'));
});

$('b').text($('ul li').height());