Por lo que puedo concluir de tu código jQuery lo que quieres saber es si una lista de input
con el atributo rel="..." de la clase "fantasma" están tildados (:checked) entonces despliegue un contenido sino este contenido lo oculte. De ser esto correcto el código debería ser el siguiente:
$(document).ready(function(){
$('.fantasma').click(function(){
var rel = $(this).attr('rel');
console.log(rel);
if($('input[rel="' + rel +'"].fantasma').is(':checked')){
$('.contentM').css('display', 'block');
}else{
$('.contentM').css('display', 'none');
}
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id='bmm" + (i + 1) + "' rel='canvas" + (i + 1) + "' type='checkbox' class='squaredThreex fantasma hh' name='check' value='0'>
<div class="contentM" style="display:none">div de clase contentM</div>
<div class="contentM" style="display:none">otra div de clase contentM</div>
Es importante mencionar que el código html (tal como lo muestras) intenta ejecutar un código javascript rel='canvas" + (i + 1) + "'
y literalmente esto no es posible, ocasionara que tu código jQuery falle.
Por otro lado, lo que dices querer hacer es otra cosa: "Si al hacer click en un campo "checkbox" este es marcado entonces desplegar el contenido sino ocultar dicho contenido", de ser este el caso, entonces el código debería ser el siguiente:
$(document).ready(function(){
$('.fantasma').click(function(){
if($(this).is(':checked')){
$('.contentM').css('display', 'block');
}else{
$('.contentM').css('display', 'none');
}
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id='bmm" + (i + 1) + "' rel='canvas" + (i + 1) + "' type='checkbox' class='squaredThreex fantasma hh' name='check' value='0'>
<div class="contentM" style="display:none">div de clase contentM</div>
<div class="contentM" style="display:none">otra div de clase contentM</div>
espero estos ejemplos ayuden a aclarar tus ideas, Saludos!! ;))
canvas
la ocupas en algún lado? Y en elif
basta con que uses esta comparaciónif($(this).prop("checked") === true)
jsfiddle.net/a0z7m3ko/2if($(this).prop("checked") === true)
y no funcionocontentM
?<fieldset rel='canvas" + (i + 1) + " class='ppal contentM' id='content' style='display: none>
es esteif
Tu consola no te arroja algún error durante la ejecución del evento click?