JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="http://blackrockdigital.github.io/startbootstrap-simple-sidebar/css/bootstrap.min.css">


<div class="container">


  <div aria-controls="collapseExample" aria-expanded="false" data-toggle="collapse" class=" row collapsed collapser" style="background: #ddd;">

    <div class="col-md-4">asfa afsasf</div>
    <div class="col-md-4">test</div>
    <div class="col-md-4">asf afsas afsasf asf</div>
  </div>

  <div id="collapseExample" class="collapse" style="height: 0px;">
    <div class="well">asf t1</div>
  </div>
</div>

<div class="container">
  <div aria-controls="collapseExample" aria-expanded="false" data-toggle="collapse" class=" row collapsed collapser"><span class="col-md-4">asfa asdsd sdgfsasf</span> <span class="col-md-4">test</span><span class="col-md-4">asf afsas afsasf asf</span>
  </div>

  <div id="collapseExample" class="collapse" style="height: 0px;">
    <div class="well">asfas 2</div>
  </div>

</div>


<div class="container">
  <div class="row">
    <div class="col-md-4">
      test
    </div>
    <div class="col-md-4">
      test
    </div>
    <div class="col-md-4">
      test
    </div>
  </div>
</div>
</div>

JavaScript

$('.collapser').click(function() {
  $(this).next().collapse('toggle');
});