Quiero que los subelementos estén ocultos, y cuando el usuario hace clic en el elemento principal, se muestran los elementos secundarios y desplegen hacia abajo tipo acordeon
antes del clic
Código:
<nav class = "Menú">
<ul>
<li> <a href="#"> Categoría A </a> </ li>
<li> <a href="#"> Categoría B </a> < / li>
</ ul>
</ nav>
después del clic
Código:
<nav class = "Menú">
<ul>
<li> <a href="#"> Categoría A </a>
<ul>
<li> <a href="#"> Subcategoría A-1 </a> </ li>
<li> <a href="#"> Subcategoría A-2 </a> </ li>
<li> <a href="#"> Subcategoría A-3 </a> </ li>
</ ul>
</ li>
<li> <a href="#"> Categoría B </a>
<ul>
<li> <a href="#"> Subcategoría B-1 </a> </ li>
<li> <a href="#"> Subcategoría B-2 </a> </ li>
<li> <a href="#"> Subcategoría C-3 </a> </ li>
</ ul>
</ li>
</ ul>
</ nav>