JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul id="list">
<li class=""> ... </li>
<li class=""> ... </li>
<li class=""> ... </li>
<li class=""> ... </li>
<li class=""> ... </li>
<li class="count"> ... </li>
</ul>
<div id="result"> ... </div>
<p id="message" class="hidden"> check me i am hidden or not </p>
CSS
.hidden{
display:none;
}
JavaScript
$(document).ready(function(){
if($('li.count').length ==0){
$('#message').removeClass('hidden');
}
})