css中的菜单-下拉菜单

我的菜单有点问题。我打算做一个下拉菜单。由于我现在有了代码，显示了

，但想法是通过单击或悬停“Cambio de centro”展开内部的

。。。有什么想法吗

这是我的代码：

<div class="verticalaccordionIndex">               
                <img src="Images/botones/ficheros-btn.png" class="verticalaccordion">
<ul>
  <li>
    <h3>FICHEROS</h3>
  <div class="subverticalaccordionIndex">
<ul>
  <li>
    <h3><a href="SelectCentro.aspx">Cambio de centro <span>+</span></h3>
     <ul class="content-menu">   
      <li class="content-li"><a href="#">Festivos</a></li>
          <li class="content-li"><a href="#">Áreas de trabajo</a></li>
          <li class="content-li"><a href="#">Centros</a></li>
          <li class="content-li"><a href="#">Actividades</a></li>
          <li class="content-li"><a href="#">Espacio de trabajo</a></li>
          <li class="content-li"><a href="#">Cierre de espacios</a></li>
          <li class="content-li"><a href="#">Trabajadores</a></li>
          <li class="content-li"><a href="#">Convenio</a></li>
    </ul>
  </li>
  <li>
   <h3> <a href="#">Gestión de usuarios</a></h3></li>    
  </li> 
    <li>
    <li><h3><a href="Login.aspx">Salir</a></h3></li>    
  </li>
</ul>   
  </div>
  </li> 
</ul>
  </div>

---

下面是演示父元素悬停菜单下拉列表的演示。请注意，对于使用纯css和不使用javascript的onclick，这是不可能的

css

.subverticalacordionindex.content菜单{显示：无；}
.subverticalacordionidex li:hover.content菜单{background:red；display:block；}

菲舍罗斯

我试过你的代码，但它错了

您必须知道，每个

只能包含

。但是每个

可以包含

例如：

<ul>    
   <li>
      <a href="#">Company</a>
         <ul>
            <li><a href="#">Our team</a></li>
            <li><a href="#">About</a></li>
        </ul>
   </li>
</ul>

您忘记关闭一些标记，或者打开的标记太多。 我想你的问题在这里

正因为如此，我不知道你想做什么。就像你在帖子上说的“Sai Deepak”，给我们提供任何小提琴，因为它很难理解

---

但首先，请尝试更正您的代码。

请提供任何修改，以便查看和解释。我已经解决了这个问题，但现在我有了另一个问题。上面我分享了一个密码笔

<ul>    
   <li>
      <a href="#">Company</a>
         <ul>
            <li><a href="#">Our team</a></li>
            <li><a href="#">About</a></li>
        </ul>
   </li>
</ul>