KPC
Kevin Powell - Community•13mo ago
WithMyTes…

Struggling with Sub Menu Script

I'm trying to make my sub menu collapsible, but can't get the code to do what I need it to do. the CSS is pretty large but this troubleshooting should be limited to the section "/* primary-header */". anyone know why I can't get the sub menu list to display as block on click? https://codepen.io/tvu1313/pen/LYXYVjq
2 Replies
Mannix
Mannix•13mo ago
are you trying to use jquery what's up with the $ ?? 
nav.addEventListener('click', (e)=>{
  e.target.closest('.has-sub').querySelector('ul').classList.toggle('show')
  e.target.closest('.has-sub').querySelector('a span').classList.toggle('rotate')
})
nav.addEventListener('click', (e)=>{
  e.target.closest('.has-sub').querySelector('ul').classList.toggle('show')
  e.target.closest('.has-sub').querySelector('a span').classList.toggle('rotate')
})
this should do the job and in css add 
.show{
  display:block;
}
.show{
  display:block;
}
https://codepen.io/MannixMD/pen/abQbBMX
WithMyTes…
WithMyTes…•13mo ago
Thank you!
Want results from more Discord servers?
Add your server
More Posts
How to make line stay the same?Is there anyone who can help? I have made a list, in the middle it is connected with 'see photo' Iredesign idea for hospital serviceIs there anyone know ideas to redesign this interface , and how it looks like for the future?TS newbie ... common key value pairsHello again! This time it's codecademys TS course that is giving me headaches ... ```ts type Like =How can I create these "bezels" (for lack of a better word) that is shown throughout this design?I have been given a static design in Adobe Illustrator where the designer has created these "bezels"Make images of different aspect ratio the same sizeI don't know how to make these images the same size so that they have a same size container, I have How improve this design? - what mistake i did? (solved)Fitst mistake I know its about contrast in moments where subTitle and white tringle But something alAdd a slideUp effectHi everyone I realise this effect this is my work https://codepen.io/alpha_66/pen/xxQKXqQ now Ivite `npm run dev` error: Missing script: "dev"```% npm run dev npm ERR! Missing script: "dev"``` in package.json ```"scripts": { "dev": "vitHow connect frontend and backend? (solved)I have fronted on react and backend on C# How I can connect it? I know something that I need use RESANIMATION TEXT APPEARHi everyone I realise this animation https://codepen.io/alpha_66/pen/xxQKXqQ the problem is on th