JSFiddle - React, Tailwind, and code Playground

HTML

<div id="tab-one1" class="tab-pane fade in active">
    <!--start of result-->
    <div id="4" class="row my_first_result">
        <div class="col-md-3">
            <div class="form-group comparecheck-gist">
                <input type="checkbox" class="css-checkbox checkbox" id="checkboxG1" name="checkboxG1">
                    <label class="css-label checkbox-inline" for="checkboxG1"></label>
                </div>
                <a class="thumbnail" href="#"> <img class="img-responsive" alt="" src="uploads/images/50718.jpg"> </a> </div>
                <div class="col-md-6 search_result_detail">
                    <div class="row">
                        <div class="col-md-2 date"> <span class="txt_1">16</span> <span class="txt_2">Dec</span> </div>
                        <div class="col-md-10"> <a class="search_title" href="detail-page.html">2BR Marina View in Shams 4 JBR for...</a>
                            <p>Enjoy this cozy, test-fully furnished and nicely decorated studio in best...</p>
                            <div class="result_info">
                                <p><strong>Bedrooms:</strong> <span class="text-success">1</span></p>
                                <p><strong>Category:</strong> <span class="text-success">Apartment</span></p>
                                <p><strong>Locaton: </strong><span class="text-success">Dubai Marina</span></p>
                                <p><strong>Size:</strong> <span class="text-success">1646</span></p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-3 price_area">
                    <div class="price_txt"> <span class="">Price:</span> <span class="old_price">AED 1.599</span> <span class="new_price">2,400,000</span> </div>
                    <div class="icons socislresult-gist"> <a href=""><i title="" data-placement="top" data-toggle="tooltip" class="fa fa-share-alt fa-fw fa-lg top"...

JavaScript

$(document).on('click','.btn.btn-default.btn-sm',function(){
    $(this).parent().next('.row.extra-detail-gist').slideToggle('slow');
    $(this).toggleClass('slideSign');
    return false;
});