JSFiddle - React, Tailwind, and code Playground
by Rich Costello
HTML
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
<div class="row text-center">
<div class="col-sm-4 hero-feature">
<div class="thumbnail">
<div class="thumbnail-img"> <a href="http://animekyun.dev/shows/shirobako/episode/17/123">
<img alt="" src="http://placehold.it/1280x720">
</a>
<div class="format-badge"> <span class="label label-primary">TV</span>
</div>
</div>
<div class="caption"> <a href="http://animekyun.dev/shows/shirobako/episode/17/123">
<h4 class="fp-title">Shirobako - 17</h4>
</a>
<div class="episode-tags"> <span class="label label-default">Comedy</span>
<span class="label label-default">Drama</span>
<span aria-controls="collapseExample" aria-expanded="false" data-toggle="collapse" class="label label-default glyphicon glyphicon-chevron-down collapsed collapser">
</span>
<div id="collapseExample" class="collapse" style="height: 0px;">
<div class="well"></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-4 hero-feature">
<div class="thumbnail">
<div class="thumbnail-img"> <a href="http://animekyun.dev/shows/saenai-heroine-no-sodatekata/episode/04/122">
<img alt="" src="http://placehold.it/1280x720">
</a>
<div class="format-badge"> <span class="label label-primary">TV</span>
</div>
</div>
<div class="caption"> <a href="http://animekyun.dev/shows/saenai-heroine-no-sodatekata/episode/04/122">
<h4...
JavaScript
$('.collapser').click(function() {
$(this).next().collapse('toggle');
});