SUBMENU

[Fernando Mello]

Boa tarde ! Eu tenho em meu site um menu conforme o código abaixo:

 <div class="collapse navbar-collapse">
            <ul class="nav navbar-nav" data-dnd-list="">
                <li class="active" draggable="true">
                    <a href="http://c4aee43.contato.site/home" data-parent="1" class="" style="color: rgb(23, 62, 96); font-weight: 700; text-transform: none;" data-selector="nav a">HOME</a>
                </li><li class="active" draggable="true">
                    <a href="#" data-parent="1" class="" style="color: rgb(23, 62, 96); font-weight: 700; text-transform: none;" data-selector="nav a">LIVROS</a>
                </li>
                
                <li draggable="true">
                    <a href="http://c4aee43.contato.site/bio" data-parent="1" class="" style="color: rgb(23, 62, 96); font-weight: 700; text-transform: none;" data-selector="nav a">BIO</a>
                </li>
                <li draggable="true">
                    <a href="http://c4aee43.contato.site/contato" data-parent="1" class="" style="color: rgb(23, 62, 96); font-weight: 700; text-transform: none;" data-selector="nav a">CONTATO</a>
                </li>
            </ul>
            <div class="navbar-buttons hidden-xs" data-container="true"></div>
        </div>

 

Estava querendo colocar um SUBMENU no menu principal chamado LIVROS ai ficaria: LIVROS | FICÇÃO E BIOGRAFIAS. Seria nessa liha:

<a href="#" data-parent="1" class="" style="color: rgb(23, 62, 96); font-weight: 700; text-transform: none;" data-selector="nav a">LIVROS</a> 

Ou sejam ao clicar em LIVROS aprece abaixo FICÇÃO E BIOGRAFIAS.

Como eu faria isso?

Desde já agradeço.

Fernando Mello