JSFiddle - React, Tailwind, and code Playground

HTML

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

       <!-- Don't nest this button in either top or bottom! -->
       <div id="expand">+ Expand</div>
</div>

JavaScript

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