Accord/TTA not working on mobiles

Support
#1

Please see: http://www.dorotheenilsson.com/martin-mlecko/

Works, but not on mobile (iPhone) because the tabs are not opening…

Any snippet i need to add ?

#2

Hello @mcian,

Thanks for asking. :slight_smile:

Please add following JS code in X > Launch > Options > JS:

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();
	} );

} );

Let us know how it goes.

Thanks.

#3

Tried, does help: http://www.dorotheenilsson.com/johan-oesterholm/

#4

Hi again,

Please replace the previous code with the following code:

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!

#5

Yes, worked - why isnt that included in the default code? That snippet changed a lot over the years, was always omitted and needs to be readded for every installation…

dont get it…

#6

Hi There,

I am glad it worked.

I will forward it to our developers.

Thank you