Me ha surgido una duda que no puedo resolver y no he encontrado documentacion. La cuestion es la siguiente:
Quiero hacer una galeria con X imagenes con una serie de caracteristicas.
De momento introduzco cada una de las imagenes con una serie de caracteristicas (una es roja, otra tiene verde y marron, y otra tiene solo marrón.
Código PHP:
echo "<div id='id1' class='azul'>";
echo '<img src="01.jpg" />';
echo "</div>";
echo "<div id='id2' class='verde marron'>";
echo '<img src="02.jpg" />';
echo "</div>";
echo "<div id='id3' class='marron'>";
echo '<img src="03.jpg" />';
echo "</div>";
Por otro lado, tengo unos checkbox (por ejemplo) con el siguiente código
Código PHP:
echo "<input type=\"checkbox\" class=\"c1\" name=\"check2\" value=\"marron\" onChange='$(\".marron\").toggle(this.checked);'>";
con esto lo que hacemos es que cada vez que hacemos check o uncheck ocultamos o mostramos la imagen que en su clase tenga "marron". El problema es que en este ejemplo la imagen 3 va perfecto, pero en el caso de la imagen2 tambien me la oculta independientemente si verde esta check o uncheck.
Como podría hacer para que se me oculte cuando todos los elementos del class (y no el ultimo clickeado) esten off y cuando uno de ellos, el que sea, este ON no se oculte?
Podéis orientarme donde tengo el error?
Muchas gracias de antemano