laravel forach collapse1

@foreach($query as $q)
    <tr >


      <td>
          <p>Metadata: {{$q->metadata}}<p>
          <p>Classtype: {{$q->class_type}}</p>
          <p>Message: {{$q->message}}</p>
          <p>Rules:</p>

<div id="collapseOne" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne">
      <div class="panel-body">

      <table style="width:">

  <tr>
    <th>sid</th>
    <td>{{$q->sid}}</td>
  </tr>

</table>
      </div>
      <!-- panelbody -->
    </div>
    <!-- panel-collapse collapse -->
      </td>

      <td>
      <center>
      <i class="fa fa-plus"role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne"></i>
      <i class="fa fa-minus" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne" style="display: none"></i>
      </center>


    </td>
    <script>
 $('.panel-collapse').on('show.bs.collapse', function () {
  $(this).find('.fa-minus').show();
  $(this).find('.fa-plus').hide();
})
$('.panel-collapse').on('hide.bs.collapse', function () {
  $(this).find('.fa-minus').hide();
  $(this).find('.fa-plus').show();
})
    </script>

@endforeach