JSFiddle - React, Tailwind, and code Playground

by nesmar

HTML

<button id = "change">Change</button>
<div class = "active">THis is div 1</div>
<div>This is div 2</div>

CSS

.active {
    display: block;
}

div {
    display: none;
}

JavaScript

$('#change').on('click', function() { 
    $('div').each(function() { 
        if($(this).hasClass('active')) { 
            $(this).removeClass('active');
        } else { 
            $(this).addClass('active');
        }
    });
});