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>

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

    </center>

CSS

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

JavaScript

// original function as posted by OP

function showHideDiv()
    {
        var divstyle = new String();
        divstyle = document.getElementById("div1").style.visibility;
        if(divstyle.toLowerCase()=="visible" || divstyle == "")
        {
            document.getElementById("div1").style.visibility = "hidden";
        }
        else
        {
            document.getElementById("div1").style.visibility = "visible";
        }
    }