HTML部分:
在abcd中可以写导航栏中的内容。

CSS部分:
三个元素都要弹性布局，因此可以写在一起。
pointer-event: none；这个属性可以让鼠标在放到span上时也可以选中或取消。
加个transition是为了让展开和收起自然一些。
:checked是当副框被选中时，～是兄弟选择器，查找同一级ul。