JSFiddle - React, Tailwind, and code Playground

HTML

<div id="hoc-toolbar" >
    <button id="hide-video-button">Hide Video</button>
    <button id="submit-your-game-button">Submit Your game</button>
</div>
<div id="you-tube-div">
    <object width="640" height="390" data="http://www.youtube.com/v/fQ2Lnln2BOk" type="application/x-shockwave-flash"><param name="src" value="www.youtube.com/v/fQ2Lnln2BOk"/></object>
</div>

JavaScript

$(document).ready(function () {
  
    $("#hide-video-button").click(this, function() {
        if($("#you-tube-div").css("display") == "none") {
            $("#you-tube-div").css("display", "block");
            $("#hide-video-button")[0].innerHTML = "Hide Video";
        }
        else {
            $("#you-tube-div").css("display", "none");
            $("#hide-video-button")[0].innerHTML = "Show Video";
        }	
    });    

});