JSFiddle - React, Tailwind, and code Playground

by Gabriele Petrioli

HTML

<ul></ul>
<button>test</button>

CSS

ul:empty{
    display:none;
}
ul{
    width:100px;
    height:100px;
    background:red;
    display:block;
}

JavaScript

$(document).ready(function() {
    $('button').on('click', function() {
        console.log('ding');
        $('ul')
            .append('<li>hi</li>')
            .css({visibility:'visible'});
    });
});