JSFiddle - React, Tailwind, and code Playground

by DannyEnglander

HTML

<div class="each-business-content-main">Main 1</div>
<div class="each-business-content-main">Main 2</div>





<div>


<div class="each-business-content-extra">Extra 1</div>
<div class="each-business-content-extra">Extra 2</div>


</div>

CSS

div { width:300px; height: 50px; background-color:#ccc;border:solid 2px white; text-align:center;  }

.each-business-content-extra { display:none }

JavaScript

$('.each-business-content-main').on('click', function (e) {
    $('.each-business-content-extra:eq(' + $(this).index() + ')').slideDown();
    $('.each-business-content-extra').not(':eq(' + $(this).index() + ')').slideUp();
});