JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="show-hide-test">
    <li>Hi there! I am set to display: inline;</li>
    <li>Hello! So am I!</li>
</ul>

<p><a href="#" id="testme">Click me to test</a></p>

CSS

.show-hide-test {  }
.show-hide-test li { display: inline; background: #eee; }

JavaScript

var $li = $('.show-hide-test').find('li');
var $firstLi = $li.first();

$('#testme').on('click', function(e){
    e.preventDefault();
    
    if( $firstLi.hasClass('hidden') ) {
        $firstLi.show().removeClass('hidden');
    } else {
        $firstLi.hide().addClass('hidden');        
    }    
});