My page has a large amount of form elements on it. I've got 114 rows of 12 textboxes. Each row of text boxes has a checkbox that if checked, will hide the row of textboxes.

I'm was using the following code to toggle the row divs.

```
$(".chk201P").click(function(){
 $("#hide201P").toggle(!this.checked);
 }).triggerHandler('click');

$(".chk201M").click(function(){
 $("#hide201M").toggle(!this.checked);
 }).triggerHandler('click');

```

The above code is for 2 rows. chk201P and chk201M are the checkboxes and hide201P and hide201M are the DIVs they hide if checked.

\*\*EDIT: After review of comments, I've slightly redesigned the page. I'm now using the following code to highlight the section I want to hide. This is based off code I found on the JQuery API site. 

```
$("form input:checkbox").wrap('<span></span>').parent().parent().siblings('.typentry').css({background:"yellow", border:"1px red solid"});

```

Following that logic, I'm attempting to use the following to make the DIV hide and come back based on the checkbox, but its not working.

```
$("form input:checkbox").click(function() {
$(this.parent().parent().siblings('.typentry')).toggle(!this.checked);

```

}).triggerHandler('click');

Can anyone tell me where I'm going wrong with the code?

\*\*End EDIT

Given the amount of rows and text boxes, is there an easier way to write the JQuery instead of duplicating the above code 46 more times for the corresponding data?

[Old Example page](http://www.montco911.com/Forms/selectbeta5.php)
[New Example page](http://www.montco911.com/Forms/selectbeta6.php)