Skip to content
Submitted almost 3 years ago

Intro section with dropdown navigation w/ TailwindCSS

accessibility, tailwind-css
hanifNA•520
@Afrianns
A solution to the Intro section with dropdown navigation challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

🤔I wonder how to make other dropdown close when I click one dropdown, and thank you!!😊

Code

Please log in to post a comment

Log in

Community feedback

  • Ashish Singh•20
    @WickedSoul-17

    your dropdown is working on click, Try to use :Hover pseudo code on the element . other wise you can also use focus pseudo code.

  • King•310
    @rymnddev

    There are ways of doing it, and event delegation would probably be the most efficient method, but since there aren't that many dropdown menus, all you need to do is code it so that no matter what menu item you click, it will:

    1. hide every other menu
    2. reveal the menu that was clicked.

    Hope that made sense! (Just experiment with it!)

  • Brian Mungai•50
    @MunBrian

    I used mouse over/out event instead of the click event in my solution and it works fine.

  • Saleem•220
    @Thesaleem

    I had same issues too but I guess it's something we are missing in the DOM manipulation.

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord