JSFiddle - React, Tailwind, and code Playground

by Hugo Carneiro

HTML

<div class="draggable-item"></div>
<div class="draggable-item keep-active"></div>
<div class="draggable-item"></div>
<div class="draggable-item keep-active"></div>
<div class="draggable-item"></div>
<div class="draggable-item keep-active"></div>
<div class="draggable-item"></div>

CSS

.draggable-item {
  width: 100%;
  height: 50px;
  background-color: #ccc;
  border: 1px solid #fff;
}

.draggable-item.keep-active {
  background-color: green;
}

JavaScript

const draggableItems = document.querySelectorAll('.draggable-item')

$(draggableItems).removeClass('keep-active')