Open accordion on clicking of grandchild links

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!

 

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!

Hi Rodrigo,

I wanted to stop in to let you know PRO version 8.4.0 is now available which includes widget options for using links as open/close. You may now use the widget options instead of the custom JavaScript.

Documentation is here.

Enjoy!