JSFiddle - React, Tailwind, and code Playground

by windsofhell

HTML

<button id="details"/>Show details</button>
<div id="divdetails" style="display:none">
    Details div!!!<br>
    Details div!!!<br>
    Details div!!!<br>
    Details div!!!<br>
</div>

JavaScript

$("#details").click(function() {
    var isShowingDetails = $("#divdetails").is(":visible");
    var buttonlabel = (isShowingDetails ? "Show details" : "Hide details");
    $(this).html(buttonlabel);
    $("#divdetails").slideToggle(400);
});