Holaa, necesito esconder el div div-servicios
y mostrarlo cuado haga click, pero no lo consigo.
function showHide () {
if (!document.getElementById("div-servicios")) {
// Mostrar DIV.
var div = document.createElement("div");
div.setAttribute("id", "div-servicios");
document.body.appendChild(div);
var servicio1 = document.createElement("a");
servicio1.innerHTML = "This is a paragraph.";
servicio1.setAttribute("class","servicios");
div.appendChild(servicio1);
var servicio2 = document.createElement("a");
servicio2.innerHTML = "This is a paragraph.";
servicio2.setAttribute("class","servicios");
div.appendChild(servicio2);
var servicio3 = document.createElement("a");
servicio3.innerHTML = "This is a paragraph.";
servicio3.setAttribute("class","servicios");
div.appendChild(servicio3);
} else {
if (hola = div.className = == "div-servicios")
div.setAttribute("id", "div-servicios2"); // OCULTAR
}
else {
div.setAttribute("id", "div-servicios"); // MOSTRAR
}
}
}
.servicios{
padding: 8px 8px 8px 32px;
text-decoration: none;
font-size: 25px;
color: white;
display: block;
transition: 0.3s;
}
#div-servicios{
height: 100%;
background-color:black;
position: fixed;
z-index: 1;
margin-left:250px;
overflow-x: hidden;
padding-top: 60px;
transition: 1s;
width:250px;
}
#div-servicios2{
height: 100%;
position: fixed;
z-index: 1;
margin-left:0px;
overflow-x: hidden;
padding-top: 60px;
transition: 1s;
width:0px;
}
<html>
<head>
<script type="text/javascript" src="prueba.js"></script>
</head>
<body>
<input type="button" value="Recargar" id="boton-servicio" onclick="showHide()">
</body>
</html>
Muchas gracias de antemano, saludos.
div-servicios
solo un input necesitas colocar un ejemplo minimo verificable.