Hola buenos dias, yo te hice un codigo de prueba no como lo tienes tu pero si con la funcion del checkbox, de manera que puedes modificarlo como quieras, o solo guiarte. Por lo menos yo me guiaria, asi aprendo... jejeje!
Código HTML:
Ver original[HIGHLIGHT="PHP"]
[HIGHLIGHT="Javascript"]
<!DOCTYPE html>
<!-- Codigo css-->
<style type="text/css" media="screen"> .divs{
background: #069;
padding: 10px;
display: inline;
width: 100px;
margin:10px;
}
//ahora aqui vamos con lo importante....
$(document).ready(function(){
//verificaremos cuando un check box sea cambiado...
$(".checkbox").change(function(){
//ahora verificaremos el valor del atributo value
var valor = $(this).val();
//creamos el id
var id = "#"+valor;
//verificamos si esta checked o no
var check = $(this).is(":checked");
if(check){//esta desactivado
alert("Desactivado")
//como esta tildado la desactivamos
/*Yo cambiare el color y el borde para mostrar que esta desactivada, tu le agregaras los css que quieras*/
$(id).css({
/*Esta es una estructura de Json la sintaxis es "atributo" : "valor", se utiliza para ingresar varios css en una sola sentencia, cada atributo css va separado por coma */
"background":"#999",
"border":"1px solid red"
});
}else{//no esta activado
alert("Activado");
$(id).css({
/*Esta es una estructura de Json la sintaxis es "atributo" : "valor", se utiliza para ingresar varios css en una sola sentencia, cada atributo css va separado por coma */
/*aqui llevamos los valores a como estaban antes, o sea sin bordes y azul el fondo*/
"background":"#069",
"border":"none"
});
}
});
});
<div id="div1" class="divs"> <input type="checkbox" class="checkbox" value="div1">
<div id="div2" class="divs"> <input type="checkbox" class="checkbox" value="div2">
<div id="div3" class="divs"> <input type="checkbox" class="checkbox" value="div3">
[/HIGHLIGHT]
[/HIGHLIGHT]