1、参考自csdn,(http://blog.csdn.net/woshisap/article/details/6679977)为了适应项目,精简其样式并稍作修改,记录在博客里。
2、运用checkbox的checked值来判断下级栏目是否展开,CSS3的选择器中提供了:checked 这个伪类,这个伪类提供我们,当元素拥有checked这个值的时候就执行你的CSS。
当有子菜单时,菜单项右侧有向下的箭头,当收起菜单项时,箭头朝上。图片可以自己替换。
3、效果图
1、参考自csdn,(http://blog.csdn.net/woshisap/article/details/6679977)为了适应项目,精简其样式并稍作修改,记录在博客里。
2、运用checkbox的checked值来判断下级栏目是否展开,CSS3的选择器中提供了:checked 这个伪类,这个伪类提供我们,当元素拥有checked这个值的时候就执行你的CSS。
当有子菜单时,菜单项右侧有向下的箭头,当收起菜单项时,箭头朝上。图片可以自己替换。
3、效果图