Get Navigation Child pages on hover | Community
Skip to main content
H
Heena91
Level 3
June 2, 2021
Solved

Get Navigation Child pages on hover

  • June 2, 2021
  • 1 reply
  • 2428 views

Hi Team,

 

I have created navigation component using AEM core components. Please suggest how I can fetch the child pages of navigation on Hover.

 

Thanks!

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by Asutosh_Jena_

Hi @heena91 

 

The OOTB core navigation component will list out all the pages including the child pages. Using CSS and JS you can hide the child pages by default and on hover you can show it.

Please see https://www.vyvansepro.com/adhd/adult-adhd site where we have implemented the core navigation component without any modification.

 

Thanks!

1 reply

Asutosh_Jena_
Community Advisor
Asutosh_Jena_Community AdvisorAccepted solution
Community Advisor
June 2, 2021

Hi @heena91 

 

The OOTB core navigation component will list out all the pages including the child pages. Using CSS and JS you can hide the child pages by default and on hover you can show it.

Please see https://www.vyvansepro.com/adhd/adult-adhd site where we have implemented the core navigation component without any modification.

 

Thanks!

    H
    Heena91Author
    Level 3
    June 2, 2021

    Hi @asutosh_jena_

     

    In my case only navigation items are showing, sub pages are not appearing.

     

    HTL:

    <div class="cmp-navigation--header" id="header-navbar"
    data-sly-resource="${'navigation' @ resourceType='wknd/components/structure/navigation'}">
    </div>

     

     

     

    Thanks!

     

    Terms & ConditionsAccessibility statement

    Loading footer...