JSFiddle - React, Tailwind, and code Playground

HTML

<div class="sam">div 1</div>
<div class="sam">div 2</div>
<div class="sam">div 3</div>
<div class="sam">div 4</div>

CSS

.expanded{
    border-style:solid;
	border-width:1px;
	border-color:black;
    background-color:yellow;
    min-height:50px;
}

JavaScript

$('.sam').on('click',function(){   
    
    if ( $(this).hasClass('expanded') ){
        $(this).removeClass('expanded');
    } else {
        $(this).addClass('expanded');
        
    }
    
});

$(document).ready(function(){
    //Im just test to write some divs after document ready
    var output = '<div class="sam">div 5</div>';
    $(output).insertAfter('.sam:last').fadeIn('slow');
    var output = '<div class="sam">div 6</div>';
    $(output).insertAfter('.sam:last').fadeIn('slow');
});