JSFiddle - React, Tailwind, and code Playground

by Ian Roberts

HTML

<div class="thing">
<ul>
    <li id="Previous">Previous</li>
    <li id="cvasfd">1</li>
    <li id="hjksdfv">2</li>
    <li id="Next">Next</li>
</ul>
</div>

<!--need to hide dynamically generated li's that are untargetable more than once-->

CSS

.thing ul li {
 display:none;
visibility:hidden;    
}
.thing ul #Previous, .thing ul #Next {
display:block;
visibility:visible;    
}

JavaScript

//hides dynamically generated li's