Vedi se ti va bene questa soluzione in puro CSS:

codice:
<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Documento HTML</title>
<style type="text/css">
input[type="checkbox"].textarea_show-hide ~ textarea.optional_textarea {
	display: none;
}

input[type="checkbox"].textarea_show-hide:checked ~ textarea.optional_textarea {
	display: block;
}
</style>
</head>
 
<body>



	<input type="checkbox" name="checkbox_1" class="textarea_show-hide" />
	<textarea class="optional_textarea" name="campo1" /></textarea>
	<textarea class="optional_textarea" name="campo2" /></textarea>
	<textarea class="optional_textarea" name="campo3" /></textarea>
</p>



	<input type="checkbox" name="checkbox_2" class="textarea_show-hide" />
	<textarea class="optional_textarea" name="campo4" /></textarea>
</p>



	<input type="checkbox" name="checkbox_3" class="textarea_show-hide" />
	<textarea class="optional_textarea" name="campo5" /></textarea>
	<textarea class="optional_textarea" name="campo6" /></textarea>
</p>
</body>
</html>