JSFiddle - React, Tailwind, and code Playground

HTML

<table id="table-buss-listing-1" class="table dataTable-scroll-x">
                                	<thead>
                                    	<tr>
                                        	<td class="flight-list">
                                            	<div class="flight-box">
                                                	<div class="row">
                                                    	<div class="col-sm-3">
                                                        	<div class="title"><i class="fa fa-plane"></i> Alirline</div>
                                                        </div>
                                                        <div class="col-sm-6">
                                                        	<div class="title"><i class="fa fa-clock-o"></i> Duration</div>
                                                        </div>
                                                        <div class="col-sm-3">
                                                        	<div class="title"><i class="fa fa-inr"></i> Price</div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </td>
                                        </tr>
                                    </thead>
                                    <tbody>
                                    	<tr>
                                        	<td class="flight-list">
                                            
                                            	<!-- FLIGHT 1 --->
                                            	<div class="flights">
                                                    <div class="flight-box">
                                                        <div class="row">
                                                            <div class="col-sm-3">
                                                  ...

CSS

.flight-itinerarySummary{
    display:none;
}

JavaScript

$(document).ready(function(e) {
    $(".btn-more").click(function(){
        $('.flight-itinerarySummary').slideUp();
        if($(this).closest('.flight-box').siblings('.flight-itinerarySummary').is(":visible")){
        $(this).closest('.flight-box')
    .siblings('.flight-itinerarySummary')
    .slideUp();
        }else{
        $(this).closest('.flight-box')
    .siblings('.flight-itinerarySummary')
    .slideDown();
        }
    });
});