JSFiddle - React, Tailwind, and code Playground

by Sergey khorev

HTML

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>
  <div class="text"></div>
  <div class="tdactive">dddd</div>
  <button class="tdactive">Text</button>
</body>
</html>

CSS

.tdactive{
  background-color: #353535
}
.active{
  background-color: #fff
}

JavaScript

$(window).scroll(function(){
    if ($(window).scrollTop() > 100) {
        $('.up').addClass('active');
    }
    else {
        $('.up').removeClass('active');
    }
});
$(function() {
  $('.tdactive').click(function() {
    $('.tdactive').toggleClass('active');
  });
});