Como fazer menu dropdown (abrir com CLIQUE)

[@MiriamTechCod]

Conforme mostrado no video, SIGA OS PASSOS: PASSO 1: Colar no head: PASSO 2: Criar um arquivo .js e chamar ele no head PASSO 3: Colar seguinte código no arquivo .js: $(document).ready(function() { var botao = $('.bt'); var dropDown = $('.ul2'); botao.on('click', function(event){ dropDown.stop(true,true).slideToggle(); event.stopPropagation(); }); }); //Subtituir as 2 classes PASSO 4: Colocar no a:

[@adriano7890]

Miriam demorou muito pra vc decorar os códigos deu pra ver que vc já decorou uma boa parte dos códigos de HTML 5 e css eu vou se matricular mês que vem na treina web

[@caransoares]

Desculpe, mas dá para fazer esse menu usando apenas css3...sem javascript....

[@phalves8598]

no meu o submenu fica aberto toda vez que a pagina é reiniciada

[@filipeozanam5580]

@@caransoares da da pra fazer, só que é dificil pra caralho e fica enorme

[@filipeozanam5580]

Você usou um framework Jquery, nem JavaScript "puro" foi kskskskk

[@CaminhoeVida]

olá Miriam, quero te parabenizar por sua didática e simplicidade no ensino.....

[@alysonsantos3000]

Mirian sua voz e muito legal .Parabéns nota 10 na sua didática.

[@renatoazevedo9331]

Miriam, primeiramente, parabéns pela excelente didática ! Faz parecer fácil ! Para complementar, aqueles que não conhecem muito bem o JS, na parte do botão, sugiro apenas inserir no CSS um :hover assim: ul ul { display:none; } ul li:hover > ul { display:block; } O HTML entenderá que, ao passar o mouse por cima de qualquer LI principal, procurará "quam pode expandir a "ul- secundária". Além do mais, ele expandirá apenas aquela UL referente à sua LI referente. Espero ter contribuído ;-)

[@catitocatito1]

Minha mulher que me desculpe mas não te largo mais😁 Aula super dinâmica e didática. Te love you Miriam!!!

[@natiellefrancine]

Parabéns, sua aula é incrível

[@alexzanrossi3578]

[@ceciliadegelmanndasilva4662]

Parabéns! Amei seu vídeo! Direto ao ponto. Ótima voz! Sem enrolação!🥇

[@mbs2488]

Excelente ! Muito bem explicado ! ! Parabéns pelos vídeos ! ! !

[@dariosampaio1230]

A aula é muito simples e explicativa, muito obrigado.

[@adamsinstrutor-tecnico484]

boa noite Miriam! Obrigado pelo vídeo, muito bom!

[@Alexandre-dl3wp]

Estou a diás tentando criar esse menu, e só consegui graças ao seu vídeo. Muito obrigado

[@marcorobertomarques]

Olá Mirian, parabéns pelo excelente trabalho. Gostei da sua didática e seu tom equilibrado de voz. Acredito que poderia fazer muito sucesso narrando audio books. Seu tom de voz é agradável e traz uma sensação de paz. Parabéns.

[@MauroT711]

Funcionou perfeitamente, tive problemas com alguns erros que cometi mas funcionou. Estou tentando achar um jeito de ao usar mais de um submenu usar a mesma função js recursivamente e independente em cada aba em vez de três funções js que fazem a mesma coisa. Eu poderia usar o menu walker do bootstrap ou o menu hamburger do w3schools, mas prefiro ter um código enxuto e ter o controle do que ocorre e não quero importar centenas de kb de código e css, não quero problemas de atraso de renderização ou problemas com o core vitals do site.

[@mariajulia29754]

Moça, muitoooo obrigadaaaa pela a ajuda ❤️❤️❤️

[@elmocontrabandistadedrogas3563]

Show, muito boa didática e paciência... Obrigado pelo conteúdo, tudo de bom para você

[@AndreSantos-op5xb]

Meus parabéns!! Ajudou muito!! Muito obrigado

[@eversonsouzabrasil]

Parabéns Miriam ótimo vídeo, muito bem explicado !

[@ranielegomes9384]

Parabéns Miriam , que didática no ensinamento .

[@giljaredvanete]

Excelente! Adorei. Uma outra coisa top no seu vídeo tbem é usar fonte maior...pra quem quer ver do CELULAR ajuda MUITO visualizar. MUITO grata por sua didática. Sucesso sempre pra vc.

[@giljaredvanete]

adorando seu canal.... caí de paraquedas....rsrrsrrs ainda não vi se vc tem a playlist do javascript...mas, estou maratonando...kkkkkk

[@ExatasDistribuidas]

Excelente, esse vídeo me ajudou muito

[@giljaredvanete]

Miriam...amei tanto seu canal..e sua didática..... como vc está como javascript??? vai postando sobre ele...se vc já estiver apredendo...amei como vc ensina. Show. Grata!

[@simonteixeira872]

Gostei muito da sua explicação ajudou-me bastante.

[@claudianoaraujo7285]

Parabéns pelo conteúdo! Mas dar pra fazer sim com css puro sem js .

[@rosimeirepaulinoroque8504]

Eu amei a aula! Parabéns!!

[@quartadimensao3001]

Obrigado pelos vídeos. Tá ajudando muito. Parabéns.

[@CaioCesarPS]

Oi miriam, eu queria pedir se não for pedir de mais um video ou uma série de videos ensinando como um aplicativo tem acesso a uma interface que nem na web, por ex tem o whatsapp e o whatsapp web, fazer essa conexão entende?Se não puder tambem agradeço. Sempre vejo seus videos e são perfeitos pra aprender, agradeço :)

[@franciscocaetano8596]

Olá Miriam. Gostaria muito de lhe parabenizar por compartilhar um pouco dos seus conhecimentos. São excelentes suas vídeo aula e de muito fácil entendimento. Da uma olhada por favor no seu e-mail. Deus te abençoe.

[@leidocejagg3582]

Excelente explicação. Parabéns! NOTA 10.

[@jhonatanbarrossilva_jhow2302]

@Miriam TechCod, muito obg pelo vídeo

[@simonteixeira872]

Oi miriam, eu queria pedir se não for pedir de mais um vídeo ou uma série de vídeos ensinando como criar uma loja de venda em HTML e Css o cliente deve fazer o cadastro caso esteja entrar pela primeira vez depois disso vai a loja para ver os produto e efetuar compra e faca log auto Se não puder também agradeço. Sempre vejo seus vídeos e são perfeitos pra aprender, agradeço :)

[@charllierrapper1088]

goste imenso da sua explicaçao

[@comradeboi3197]

ME AJUDOU MT OBRIGADO

[@paolaguedesbacca3680]

nuuu, gostei ein, funcionou certinho :)

[@monsol_lm4117]

Oi eu estou aprendendo e tentando gravar a dinamica do menu interativo até msm pra criar e n apenas replicar. O seu video tem uma boa didática e facil entendimento, parabéns. N manjo muito de JS, mas no ultimo passo n era apenas chamar os comandos nas outras listas? era o msm procedimento em apenas lista diferente.

[@TheLucas0306]

seria possível eu aproveitar essa navbar em telas diferentes, colocando o código num arquivo só ? Parabéns pelo ótimo trabalho !!!

[@HrGamesOficiial]

Muito bom, vc podia deixar o arquivo , para que possamos baixar e estudar, mas muito top , eu faço sistemas de informação e com seus vídeos pude compreender melhor

[@jonathanmatias7664]

Seria legal tbm deixar os códigos abaixo de todos, html,css tbm ,um repositorio do github,as vezes sempre acaba dando algum erro msm acompanhando o video,assim teria como comparar onde é que está o erro...

[@caiquebraga3683]

Boa noite Mirian, excelente vídeo. Mas na verdade não é necessário Js para criar esse tipo de menu, tem como ser feito só com CSS e HTML.

[@suportelip2748]

esta de parabéns gostei muito

[@granapelaweb]

melhor explicação

[@patriciamendes7557]

muito bom! parabéns e obrigada!

[@giljaredvanete]

onde conseguiu a seta branca pra baixo???

[@louislevesque2540]

Olá , sou estudante de CC, por gentileza como eu faço para a pessoa clicando no sub-menu conseguir abrir a próxima página ? Mas sem abrir uma nova aba. Por exemplo sub-menu Carro, a pessoa clica e aparecer os modelos que tenho. Quem puder me ajudar eu agradeço.

[@AlexandreSilva-nk4lj]

É possível fazer usando só o CSS, mas ficou legal usando os js

[@lcarboneto]

Olá... Como se faz usando só o CSS?

[@AlexandreSilva-nk4lj]

@@lcarboneto eu não tenho como botar aqui no comentário, pq fica muito grande e eu uso duas páginas de código separadas, um pro HTML e outro pro css, mas posso mandar o código por e-mail ou pelo Github aí é só estudar mano, Deus abençoe

[@medeirosbrendon]

@@AlexandreSilva-nk4lj seria usando o "a:active" e "display:none"? Ou isso seria possível apenas com "hover"?

[@nataliavitoria5379]

Eu sei que não tem muito haver com o vídeo. Mas gostaria de te perguntar uma coisa .Quando eu crio um site utilizando o Xamp e o Sublime Text e resolvo move-lo do localhost para uma hospedagem, eu posso apagar tudo que foi produzido no meu computador sem perder tudo?

[@MFSTHS]

Tia, ok sobre esse vídeo..... Ajuda de outra maneira..... Quero um DROPDOWN em um botão ou objeto qualquer posicionado no meio de uma página do site, e quero que ao colocar o mouse neste objeto abre um menuzinho de opções que cada um deles manda para um link de outra página..... COMO FAZER ISSO?

[@alexandresantos2849]

E como eu adiciono um link ao abrir a aba , ja que esta com JS

[@ancelmocerqueira]

Estou com dúvida, como que eu deixo meu site compatível com os tipos de navegadores/telas, para que fique bonitinho tanto no computador quanto no celular. Help me.

[@OsmanAndrade]

Obrigado Miriam

[@iguariasdomar464]

sera que podes enviar o link js...o meu esta dar erro o clik não aparece nada

[@GeorgeNascimento08]

▼ unicode é melhor do que colocar uma imagem de triangulo já vai direto. só uma sugestão.

[@cacadoresdeinvestimentos1031]

o link ainda está funcionando? tentei fazer aqui agora e a parte de javascript não funcionou

[@igorsouza9455]

a minha cor de fundo preta não vai até o final, mesmo eu colocando 100%

[@damiaorocha9573]

Como faço para abrir um submenu com um comando javascript?

[@kalilinux6053]

Você acha necessário embutir uma nav dentro de div no cabeçalho da pagina?

[@AlexandreSilva-nk4lj]

Não exatamente necessário, mas fica mais organizado na questão da semântica do HTML 5 e atribui valor ao algoritmo do Google

[@mateusaero]

parabens pelo video

[@sontrayvideos515]

Não consigo utilizar o javascript

[@jhonatanbarrossilva_jhow2302]

Algué sabe o código para fazer os submenus desaparecerem sem que eu precise clicar novamente: Ou seja, eu preciso clicar uma vez para abri-los e ao tirar a seta do mouse, eles desaparecem automaticamente.

[@thamilaoliveiradasilva7066]

Não é mais fácil usar o dropdown do bootstrap?

[@marcoantoliv]

Como ela disse no vídeo. Se você tiver uma forma melhor de fazer, compartilhe.

[@darkaraujo4491]

Oi, eu sou novo eu fiz o menu certinho, mas não sei fazer com que o botão "link" abra, pfvr poderia me ajudar?

[@adriano7890]

Mano o melhor vc fazer uma curso na treina web lá vc vai aprender criar do zero site sem erro

[@wagnergoncalves7584]

Olá Miriam sua vídeo aula foi show e eu fiz o submenu conforme o seu, mas eu achei esse tbm interessante vou deixar o link para você dar uma olhada, valeu!!! kzbin.info/www/bejne/baabp4Vjpbalj7M