<div id="general">
<div id="uno">
<p> hola soy uno</p>
</div
<div id="dos">
<p> hola soy dos</p>
</div
<div id="tres">
<p> hola soy tres</p>
</div
<div id="cuatro">
<p> hola soy cuatro</p>
</div>
</div>
<input id="boton" type="button" value="click">
-
1Hola Delfor, no hace falta que crees una nueva pregunta, puedes editar la que ya tenías añadiendo todo tu código. Estaría bien también que pusieras el javascript que has intentado.– Kiko_LCommented el 5 feb. 2019 a las 10:43
Añade un comentario
|
1 respuesta
Con una sencilla regla de estilo visibility
solucionas el problema. Además, no hace falta jQuery para esto, es bastante sencillo usando JS puro
function toggleVisibility() {
document.getElementById('uno').classList.toggle('hidden');
document.getElementById('tres').classList.toggle('hidden');
}
.hidden {
visibility: hidden;
}
<button onclick="toggleVisibility()">Click me</button>
<div id="uno">Uno</div>
<div id="dos">Dos</div>
<div id="tres">Tres</div>
<div id="cuatro">Cuatro</div>
-
hola kiko gracias por tu respuesta pero me gustaria que al principio se muestren los cuatros div y a darle click al boton solo se oculte el 1 y el 3, y al volver a darle click vuelva aparecer el 1 y el 3.gracias Commented el 5 feb. 2019 a las 10:48
-
@delfordiazdavila si te funcionó recuerda marcar la pregunta como resuelta– tevvekCommented el 5 feb. 2019 a las 10:54