Get Navigation Child pages on hover | Community
Skip to main content
New Participant
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_
Asutosh_Jena_Accepted solution
New Participant
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!

Heena91Author
New Participant
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!