jquery下拉菜单显示不出来？
一、问题描述
做下拉菜单时，不管怎么触发事件，下拉菜单都不显示。console一下，发现其display一直是none。
.second>li{ width: 300px; height: 30px; list-style: none; background-color: grey; color: #fff; border-bottom: .5px #fff solid; /*页面刷新时不显示，触发事件后显示*/ display: none; }
二、问题发现
原因是因为，“display: none;”放错地方了，跟li放一起。但事件触发的是父元素ul，所以无法更改其displaynone属性。
三、解决
/*display: none;单独放出来，不要跟li放一起*/ .second{ display: none; }
新开一个块控制父级元素，用对应的展开/收起动画控制即可。