Accordion menu not working on mobile devises

Support
#1

We’ve incorporated several accordion menus into one of our websites. They seem to work fine in desktop browsers but for some reason the accordions won’t open on mobile devices. Example: http://accustaffing.com/associate-center/

Any suggestions?

#2

Hey,

Thank you for writing in!

Please add this code at Admin > Appearance > Customizer > Custom > Javascript. It’s a conflict with VC’s accordion in which has problem with touch events. The solution is to turn off touch events.

jQuery ( function($) {

$('.vc_tta-panel .vc_tta-panel-heading, .vc_tta-panel .vc_tta-panel-heading a').off('touchstart touchend');
	$('.vc_tta-panel .vc_tta-panel-heading a').on('click', function() {
		$('html, body').stop();
	} );

} );
#3

This unfortunately has not worked for us.

Do you have other ideas?

#4

Hi again,

Please replace the previous code with this:

jQuery( function($) {
	$('.vc_tta-tab a').on('click', function( e ){
		setTimeout( function() { 
			$('html, body').stop().stop();
		}, 100 );
	});
	$(document).ready(function() {
		$('.vc_tta.vc_general .vc_tta-panel-title > a, .vc_tta.vc_general .vc_tta-panel-title > a, .vc_tta-tab a').off('click touchstart touchend');
	});

});

Don’t forget to clear your browser’s cache after adding the code. Let us know how this goes!