Click event on checkbox not handled because of CSS animation

I have an input and a checkbox, when the input is focused it display some information under it.

The problem is : when those information are displayed if I click on the checkbox it hides the information (because my input is not focused anymore) but the checkbox is not checked.

Here is a working plunker which reproduce this behavior.

Is there a way to make the checkbox checked in this scenario ?