jquery下拉菜單顯示不出來？

一、問題描述

做下拉菜單時，不管怎么觸發(fā)事件，下拉菜單都不顯示。console一下，發(fā)現(xiàn)其display一直是none。

.second>li{ width: 300px; height: 30px; list-style: none; background-color: grey; color: #fff; border-bottom: .5px #fff solid; /*頁面刷新時不顯示，觸發(fā)事件后顯示*/ display: none; }

二、問題發(fā)現(xiàn)

原因是因為，“display: none;”放錯地方了，跟li放一起。但事件觸發(fā)的是父元素ul，所以無法更改其displaynone屬性。

三、解決

/*display: none;單獨放出來，不要跟li放一起*/ .second{ display: none; }

新開一個塊控制父級元素，用對應(yīng)的展開/收起動畫控制即可。