Why I did this is that I want to build custom component using HTML and CSS as less JavaScript as possible.
I was considering on radio of input and label elements which are for data and custom layout. label element also fires click method on the associated element with for attribute.
Ok. That works fine. But the list could not be closed simultaneously when someone click an option in the list. So I add close function in onclick attribute of each option.
My question is: Is there a way does closing list without JavaScript?
The following link is the demo on Codepen:
http://codepen.io/jsgao0/pen/AXzPrX