JSFiddle - React, Tailwind, and code Playground

by Softlink

HTML

<ul>
    <li>а</li>
    <li class="hide">б</li>
    <li class="hide">в</li>
    <li>г</li>
    <li class="hide">д</li>
    <li>е</li>
    <li>ж</li>
    <li class="hide">з</li>
    <li>и</li>
    <li class="hide">к</li>
</ul>

<a href="#">клик!</a>

CSS

li{
padding: 10px;
}

.hide{
display: none;
}

JavaScript

$('a').click(function(){
    $('.hide').css({'display': 'block'});
    return false;
});