Basically, I want to only show these fields if checkbox is selected, if it becomes unselected, disappear.
You can do this with pure CSS3, of course:
:checked + #date { display: block; } #date { display: none; }
The equivalent selectors ought to work just fine in jQuery as well.