CSS dropdown menu with checkbox hack

I am no expert in CSS, and I can't for the life of me get the checked option to display a div. In my head this should work, but it doesn't. Any help would be greatly appreciated. I think the problem is with this line of code.

.mobile-trigger:checked ~ .drop {
display: block;
}

Example