JSFiddle - React, Tailwind, and code Playground

HTML

<div class="item">
       <div class="top"><img src="http://imgur.com/mX7Ia.png" /></div>
       <div class="bottom"><img src="http://imgur.com/xLkM1.png" /></div>
       <div class="expand">+ Expand</div>
</div>
<div class="item">
       <div class="top"><img src="http://imgur.com/mX7Ia.png" /></div>
       <div class="bottom"><img src="http://imgur.com/xLkM1.png" /></div>
       <div class="expand">+ Expand</div>
</div>

JavaScript

$(function() {
    $("div.item div.bottom").hide();
    $(".expand").click(function() {
        var $this = $(this);
        $this.prev().slideToggle();
        $this.html() == "+ Expand" ? 
            $this.html("- Contract") :
            $this.html("+ Expand");
    });
});