JSFiddle - React, Tailwind, and code Playground

by Avi Algaly

HTML

<div id="tabcontainer">
    <div class="tab">tab 1</div>
    <div class="tab">tab 2</div>
    <div class="tab">tab 3</div>
    <div class="tab">tab 4</div>
    <div class="tab">tab 5</div>
    <div class="tab">tab 6</div>
    <div class="tab">tab 7</div>
</div>

CSS

#tabcontainer {  
}

.tab {
    background-color: orange;
    width: 50px;
    height: 20px;
    float: left;
    margin: 3px;
}

/*
.tab {
  display:none;
}

.tab:nth-child(4) {
    display: block;
}
*/

JavaScript

//$(".tab").hide();

$(".tab:nth-child(5)").show();