JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<div id="LegendSlideSection">

	<div id="slidetooglelegends" style="width:200px;height:100px;border:1px solid #a3a3a3;background:#fff;">
		   hello slide
	</div>

	<button id="legendButton" class="btn btn-primary">Legend</button>
</div>

JavaScript

$("#legendButton").click(function(){
    $("#slidetooglelegends").slideToggle("slow");
});
$("#legendButton").blur(function(){
    $("#slidetooglelegends").slideToggle("slow");
});