JSFiddle - React, Tailwind, and code Playground

by Ankit Patidar

HTML

<div class="widget-content">Some content!</div>

<button class="btn-minimize"></button>

CSS

.widget-content {
    width: 300px;
    height: 300px;
    border: 1px solid #000;
}
.btn-minimize {
    width: 50px;
    height: 50px;
    background-color: #F00;
}
.btn-minimize.btn-plus {
    background-color: #0F0;
}

JavaScript

$(".btn-minimize").click(function(){
    $(this).toggleClass('btn-plus');
    $(".widget-content").slideToggle();
  });