Skip to main content
se añadieron 649 caracteres en el cuerpo
Origen Enlace

Has intentado hacerlo con css?Es decir meter las imagenes en un input type checkbox y luego si el checkbox esta activo que sea dispay : block y si no dispay :none

div >body> .checkbox:checked ~ ol div{
  display: block;  
}
divbody > checkbox:not(:checked) ~ ol div{
  display: none;
}

algo parecido a eso editado :
Si metes la imagen en un label

<label for="menu" class="imag"><img...></label>
        <input type="checkbox" id="imag" class="checkbox">

Con eso consigues tener la imagen con el checkbox. Entonces con el codigo de arriba

body> .checkbox:checked ~ div{
  display: block;  
}
body > checkbox:not(:checked) ~ div{
  display: none;
}

Lo que haces es mostrar el div en el que tienes el texto deseasdo de cada imagen que aparezca o desaparezca

body > div, body .checkbox {
  display: none;
}

y con esto puedes hacer que no se vea ni el checkbox ni el div con el texto hasta que no se pulse

Has intentado hacerlo con css?Es decir meter las imagenes en un input type checkbox y luego si el checkbox esta activo que sea dispay : block y si no dispay :none

div > .checkbox:checked ~ ol {
  display: block;  
}
div > checkbox:not(:checked) ~ ol {
  display: none;
}

algo parecido a eso

Has intentado hacerlo con css?Es decir meter las imagenes en un input type checkbox y luego si el checkbox esta activo que sea dispay : block y si no dispay :none

body> .checkbox:checked ~ div{
  display: block;  
}
body > checkbox:not(:checked) ~ div{
  display: none;
}

algo parecido a eso editado :
Si metes la imagen en un label

<label for="menu" class="imag"><img...></label>
        <input type="checkbox" id="imag" class="checkbox">

Con eso consigues tener la imagen con el checkbox. Entonces con el codigo de arriba

body> .checkbox:checked ~ div{
  display: block;  
}
body > checkbox:not(:checked) ~ div{
  display: none;
}

Lo que haces es mostrar el div en el que tienes el texto deseasdo de cada imagen que aparezca o desaparezca

body > div, body .checkbox {
  display: none;
}

y con esto puedes hacer que no se vea ni el checkbox ni el div con el texto hasta que no se pulse

Origen Enlace

Has intentado hacerlo con css?Es decir meter las imagenes en un input type checkbox y luego si el checkbox esta activo que sea dispay : block y si no dispay :none

div > .checkbox:checked ~ ol {
  display: block;  
}
div > checkbox:not(:checked) ~ ol {
  display: none;
}

algo parecido a eso