Using Checkboxes in SharePoint to Hide/Show Fields

Using Checkboxes in SharePoint to Hide/Show Fields

Hello,
 
I have the functionality working partially the way I want it.  Currently when I click on a checkbox, it will hide or show a field using the toggle function.
 
However, every checkbox on the page will hide/show the same field.  I identify the control with the field title, but every other check box even when not identified can still activate this function.
 
In this case, when you click the root cause analysis checkbox, it toggles the Root cause anaylsis date field hidden or displayed.
 
<script type="text/javascript" src="jquery-1.8.1.min.js"></script>
<script type="text/javascript">
 $(document).ready(function()
 {
 $("input[type='checkbox']").click(function()
 {
 $("input[title$='Root_Cause_Analysis_Date_Checkbox']").parent('span').parent('td').parent('tr').toggle();
 $("nobr:contains('Root_Cause_Analysis_Date')").parent('h3').parent('td').parent('tr').toggle();
 });
 });
 </script>
 
It works, it's just that I have multiple checkboxes, and I want them all to be able to individually hide/show their respective fields.










 
THANKS!