Desplegar DIV al seleccionar checkbox o radio

[JavierMMM]

Hola comunidad, de nuevo estoy atorado con un tema básico, pero le he dado vuelta y no me resulta.

En un ciclo despliego una serie de campos de mi db los cuales tienen un radio o un check (esa parte está matandome) que al seleccionarlo me despliega un div en el cual muestro comentarios sobre el campo referido, de la siguiente manera:

Código HTML:

Comentarios<input type='checkbox' name='comments<%=c %>' value='<%=c %>' id='comments' onClick='comments1(this.value,"<%=observaciones %>")
 

donde 'c' es un contador a partir de 1 y 'observaciones' es el campo que obtengo de mi db.

Lo que necesito hacer es, que al seleccionar el check o radio, se despliegue el div debajo de cada campo, el cual defino de la siguiente manera:

Código HTML:

<div id='comentarios"&c&"' style='display: none;'></div>
 

Mi duda es como le hago, dado que he intentado esto:

Código Javascript:

<script>
$(document).ready(function(){
   $("#coments").click(function(evento){
      if ($("#coments").attr("checked")){
         $("#cajasg").css("display", "block");
      }else{
         $("#cajasg").css("display", "none");
      }
   });
});
</script>
 

pero no se cómo pasar los valores del 'c' elemento que es para decir que es el div 3, por ejemplo.

Otra opción que he intentado, es la siguiente:

Código Javascript:

<script language="JavaScript">
    function coments1(valor,obs)
    {
        if (obs == "")
        {
            obs = "No hay comentarios a este documneto.";
        }
        document.getElementById("comentarios"+valor).style.display='block';
        document.getElementById("comentarios"+valor).innerHTML=obs;
        for(i=0; i<valor; i++)
        {
            document.getElementById("comentarios"+i).style.display='none'
        }
    }   
</script>
 

pero en esta opción sólo me marca la primera opción y si tengo más de uno, los siguientes no me los respeta.

Si alguien sabe cómo puedo solucionar este detalle, se lo agradezco.

Saludos.