How do I solve this CSS problem,

.slideshow > input { /* TODO hide radio button, instead we will use label to check/uncheck it, using display: none; */ input[type="radio"]:checked{ visibility:hidden; }

.slideshow > input:checked + label + .slide { /* TODO only show slide if the radio button in front of it is checked, using :checked selector and display: block; */ display: block; }