JSFiddle - React, Tailwind, and code Playground

by japaneselanguagefriend

HTML

<button class="trigger">Menu</button>


<ul class="menu">
    
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
    <li>Item 4</li>
    
    
</ul>

<div class="box">test</div>

CSS

.menu {display:none;}

.box (height:20px;)

.green {background-color:green;}

JavaScript

$(function() {
  
    $('.trigger').click(function() {
        
        if ($('.box').height() > 20) {
         $('.box').addClass('.green');   
        }
              
    });
  
  
  });