JSFiddle - React, Tailwind, and code Playground

by jimmysv

HTML

<ul class="errorPresenterList" style="display:none;">
    <li>test</li>
    <li>test 2</li>
</ul>

<button id="show">Show</button>

CSS

ul.errorPresenterList
{
    border: 2px solid red;
    margin: 0;
    padding: 5px;
    margin-left: 100px;
    margin-right: 100px;
    list-style-type: square;
}

ul.errorPresenterList li {
    color: Red;
    margin: 5px 20px;
    padding: 3px;
    font-size: 15;
}

JavaScript

$(function(){
    $('#show').click(function(){
        $(.errorPresenterList).show().fadeIn();
    });  
});