0
<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">
1
  • 1
    Hola 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_L
    Commented el 5 feb. 2019 a las 10:43

1 respuesta 1

1

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>

2
  • 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
    – tevvek
    Commented el 5 feb. 2019 a las 10:54

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.