Basically, I want to only show these fields if checkbox is selected, if it becomes unselected, disappear.
Pointy pointed out that you need to set the id of our checkbox (or use a name selector). You also need to use #date (id) instead of .date (class) (or again change the HTML).
#date
.date
Working demo