Jquery onclick, make parent Div invisible
===

I have this Jquery :

    $(document).ready(function() {
    $('input[type="checkbox"]').click(function() {
	var togClass=$(this).attr('class');
	 if($(this).attr('checked')){
	    $(this).parent().parent().('div.' + togClass ).css("display", "inline-block");
	 }
	 else
	 {
	    $('div.' + togClass ).css("display", "none");
	    
	 }
    });
    
    });


and this Html essentially repeated:

    <div Coltext>
      <div id= Sidechecks>
       <inout checkbox class= ModelName>
         <Div seqWrap>
          <Div Nucwrap> 
            <Div hit class= modelname>
               "String"
            </Div>
          </Div> 
        </Div>
       </Div>
      </Div>   
     </Div>

  When i click on the checkbox I want the all the HIT divs to become invisible, in this Div only.  The main DIV- coltext is repeated many times, each has  th e same model, however when the user clicks  on the checkbox, I only want the Hit Divs for that main div to dissapear, and then reappear on click.  Cant anyone help,It seems simlpe, but i cant get it working ? 