JSFiddle - React, Tailwind, and code Playground

HTML

<div class="product">
    Product
    <div class="info">This is info</div>
</div>

CSS

.info {
    height: 100px;
    width: 100px;
    display: none;
    background: #ddd;
}

JavaScript

$('.product').click(function() {
  $('.info').slideToggle('slow', function() {
      $('.product').css( "border-top","1px solid #000" );
      if(!$('.info').is(':visible')) $('.product').css( "border-top","1px solid transparent" );
      alert(1)
  });
});