手风琴菜单wordpress

Question

我希望在wordpress中创建一个accordeon菜单。目前，我创建了我的菜单，我正在显示我的子页面，但是当我正在进行悬停时，我似乎无法显示它们。这是我的CSS代码：

    /***Menu***/
#header #access{position:relative;
z-index:2;
width:1225px;
min-width:1225px;
float:center;
margin-left:auto !important;
margin-right:auto !important;
top:274px;
text-align:center;}

#header .menu ul { width:1185px; 
height:40px;color:black;
text-align:center;
margin-right:auto !important;
list-style:none;}

#header .menu li { display:block;
float:left; 
width:206px; 
height:40px; 
font-size:17.5px; 
text-decoration:none;
background-color:#c4d8ff; 
color:black; 
margin-right:31px;}

#header .menu li a { display:block; 
width:206px; 
height:40px; 
text-decoration:none;
color:black; 
font:17px segoe; 
vertical-align:center; 
line-height:40px;}

#header .menu li a:hover { background-color:#e27c23;
color:white; 
margin-right:31px;}

#header .menu li.current_page_item a { background-color:#3670b5; 
color:white; 
width:206px; 
height:40px; 
margin-right:31px;}

/***Sous-menu***/
ul.sub-menu{background-color:red;
margin-left:-20px;
list-style:none;}

ul.sub-menu li {background-color:blue !important;
margin-left:-40px; 
clear:left;
list-style:none;}

ul.sub-menu li a { }

ul.sub-menu li a:hover {background-color:black !important;}

ul.sub-menu li.current_page_item a {background-color:green !important; }

有人可以告诉我我必须使用的css属性吗？在哪里？非常感谢！