Open accordion when clicking link instead of icon

Good Morning Miranda,

The most straight forward way to accomplish this would be to make the accordion menus open/close when the categories are clicked on. This may be accomplished with some custom JavaScript:

jQuery( function($){ setTimeout( function(){ for( var $widget_id in asm_pro.enabled_accordions ){ var el = $( document.getElementById( $widget_id ) ) if( asm_pro.enabled_accordions[$widget_id]['include_parent'] ){ parents = el.find( '> ul > li .has_children' ).has( 'ul' ); } else { parents = el.find( 'ul .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, _parent_menu.find( '> span' ) ); } ); } ); } }, 1000 ); });

Have a great day!

Mat Lipe

 

1. Most themes will have their own way of adding custom JavaScript to the site.
2. There are also many plugins which will allow you to do the same.

If you prefer to add the JavaScript directly, it may be done by adding the following code to your active theme’s functions.php file:

add_action( 'wp_print_footer_scripts', function () { ?> <script> jQuery( function( $ ) { setTimeout( function() { var parents; for ( var $widget_id in asm_pro.enabled_accordions ) { var el = $( document.getElementById( $widget_id ) ); if ( asm_pro.enabled_accordions[ $widget_id ][ 'include_parent' ] ) { parents = el.find( '> ul > li .has_children' ).has( 'ul' ); } else { parents = el.find( 'ul .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, _parent_menu.find( '> span' ) ); } ); } ); } }, 1000 ); } ); </script> <?php } );