JSFiddle - React, Tailwind, and code Playground

by Michel Plungjan

HTML

<div id="div1" class="divStyle">
    <object width="300" height="300">
        <param name="movie" value="http://www.youtube.com/v/7_6B6vwE83U"></param>
        <embed src="http://www.youtube.com/v/7_6B6vwE83U" type="application/x-shockwave-flash" width="300" height="300"></embed>
        </object> 
  
        
    </div>

    <div class="center" onclick="showHideDiv()">Click Me For show hide <div>

CSS

.center {text-align:center}
   #div1 {visibility:visible}

JavaScript

function showHideDiv() {
       var div = document.getElementById("div1");
       div.style.visibility= (div.style.visibility==="visible" || div.style.visibility==="") ? "hidden" : "visible";
    }