JSFiddle - React, Tailwind, and code Playground

by lshettyl

HTML

<button class="trigger">My Trigger</button>
<div class="target">My Target</div>

CSS

@media all and (min-width: 400px) {
    .trigger { display: none; }
}
@media all and (max-width: 399px) {
    .target { display: none; }
    .toggle.target { display: block; }
    .trigger { display: block; }
}

JavaScript

$('.trigger').click(function(){
    $('.target').toggleClass("toggle");
});