Open accordion on clicking of grandchild links

Resolved

Requested: 1 month and 1 week ago

Hello!

Can you help me please? there are some pages that don´t have content, these pages are only to make a correct map site estructure, to separate from parents and children, for example you can see this image:

As you can see Facial and Body are parents and don´t have content, are pages but there is no content, so in the menu item i would like to active dropdown in accordeon instead of link to page for these item options.

sorry for my english

It woulbe helpfully to have the option in every page, to configure i you like link to page or only drop down accordeon.

The link again:

http://www.sitiodemo4.com/wp-content/uploads/2021/03/support-menu.jpg

I hope your response

Regards!

Rodrigo Reyes

OnPoint Plugins
1 month and 1 week ago

Hi Rodrigo,

The way the accordion is setup it does not allow for targeting specific links but you may target particular levels to make links open the accordion instead of going to the page.

If you add the following JavaScript to your site, clicking on any of first level of your grandchildren will open the accordions:

jQuery( function( $ ) { setTimeout( function() { for ( var widget_id in asm_pro.enabled_accordions ) { var el = $( document.getElementById( widget_id ) ) var parents = el.find( '> ul > li > ul > li .has_children' ).has( 'ul' ); parents.each( function() { var _parent_menu = $( this ); _parent_menu.on( 'click', '> a', function( ev ) { ev.preventDefault(); asm_pro.accordion._expand_sub_menu( _parent_menu, $(this).find( 'span' ) ); } ); } ); } }, 1000 ); } );

Have a great night!
Rodrigo Reyes
1 month and 1 week ago

Hello! Thanks for your answer

I inserted the code in <head> after and before, </body> after and before but it doesn’t work, you can see in action:

http://www.sitiodemo4.com/products/cosmeceuticals/

What it could be?

Regards!

Rodrigo R.
OnPoint Plugins
1 month and 1 week ago

Hi Rodrigo,

Turns out your menu is not displaying the highest level menu items. No problem, just needs slightly adjusted JavaScript.

jQuery( function( $ ) { setTimeout( function() { for ( var widget_id in asm_pro.enabled_accordions ) { var el = $( document.getElementById( widget_id ) ) var parents = el.find( '> ul > li .has_children' ).has( 'ul' ); parents.each( function() { var _parent_menu = $( this ); _parent_menu.on( 'click', '> a', function( ev ) { ev.preventDefault(); asm_pro.accordion._expand_sub_menu( _parent_menu, $(this).find( 'span' ) ); } ); } ); } }, 1000 ); } );

Have a great day!
Rodrigo Reyes
1 month and 1 week ago

Wow! it works, many many thanks!!

New Response Cancel reply

You must be logged in to respond. Only PRO members are allowed to respond to support requests.