JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="list">
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
</ul>

<button class="hide_some">Hide some</button>

CSS

.list li:not(.hidden):nth-child(2n){
    background-color: #ccc;
}

.hidden{
    display: none;
}

JavaScript

$(function(){
    $('.hide_some').click(function(){
        $('.list li').eq(0).addClass('hidden') 
        $('.list li').eq(2).addClass('hidden')
        $('.list li').eq(5).addClass('hidden') 
    })
})