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