JSFiddle - React, Tailwind, and code Playground

by Raloynner

HTML

<script src="https://code.jquery.com/jquery-2.2.4.js"></script>
<div>
  <ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
    <li>6</li>
    <li>7</li>
  </ul>
</div>



<div>
  <div class="list">
    <div class="item active">asds</div>
    <div class="item">asds</div>
    <div class="item">asds</div>
    <div class="item">asds</div>
    <div class="item">asds</div>
    <div class="item">asds</div>
    <div class="item">
      <ul><li>asdsad</li><li>asdasd</li></ul>
    </div>
  </div>
</div>

CSS

li{
  
}
.item{
  display: none;
  width: 200px;
  height: 200px;
  background-color: red;
}
.item.active{
  display: block;
}