The project is to gather information for a new case for a law firm.
Basically, what I have is a 7 radio buttons determining a case type, and about a 40 fields asking for details about a case. Each different case type requires a separate, but overlapping subset of those 40 fields.
I am hoping to deemphasize the fields which are not related to the case type which was chosen by the user using CSS. I don’t want to make the fields which are not in use invisible, and I don’t want to make any fields required (as per project specifications).
First of all, I’m not even sure how to change the CSS of a snippet based on something like a button press. After that, is there a way to use conditional statements or some sort of logic to make that CSS change occur when some radio buttons are pressed but not others?
If my question isn’t specific or clear enough, let me know and I am happy to answer questions. I’m kinda lost and would really appreciate some help.