Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Maykel-ctba

Adicionar mais um nível no dropdown

Por , em Javascript

Recommended Posts

Maykel-ctba    233

Maykel-ctba
Postado

Fala galera,

Estou estudando alguns recursos aqui, e montei um drop-down via jQuery/CSS, sem outros scripts. Consegui fazer com que funcione para um nível, mas preciso adicionar mais um e não sei como proceder... empaquei! :P

Podem me ajudar e ver o que estou fazendo de errado?

http://codepen.io/maykelesser/pen/VmeELe

Compartilhar este post

Link para o post
Compartilhar em outros sites

Visitante   

Visitante
Postado

Acredita que dá pra fazer tudo isso só com CSS.

Só usando o display, tô pra morrer de preguiça pra digitar rsrs

fiz uma "gambiarra" aqui, somente para fim de mostrar que é possível fazer sem javascript:

<html>
    <head>
        <title>Modelo</title>
        <style>
            ul li ul{display: none;}

            /*Os links principais liberam nivel 2*/
            ul li:hover ul {display: block;}
            
            /*esconde o nivel 2 para somente o nivel 2 poder mostrar o nivel 3*/
            ul li:hover ul li ul {display: none;}

            /*links nivel 2 liberam o nivel 3*/
            ul li ul li:hover ul{display: block;}
        </style>
    </head>
    <body>
        <ul>
            <li>
                <a href='#link'>Link</a>
                <ul>
                    <li>
                        <a href="#link">sub-link</a>
                        <ul>
                            <li>
                                <a href="#link">sub-sub-link</a>
                            </li>
                        </ul>
                    </li>
                </ul>
            </li>
        </ul>
    </body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito