Menú para mostrar sub elementos en una lista

[mafervemg]

Hola. Cómo estás ? Estoy tratando de realizar en un menú simple en html y css

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 [Seleccionar] Expandir

<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 [Seleccionar] Expandir


<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>