Car Demon Tabs not working with Avada theme

Can you add a link to your site so we can see what’s happening?

Jay,

My website is still under dev. So it’s not available for the public yet. I could send you a u/p to you. Where can I find your email?

Jay,

The page I’m having problem with is https://www.karcol.ca/cars-for-sale/chevrolet-camaro-zl1-2013

I’ve tried installing the dev version of Car Demon, but it did not resolve this issue, and it actually changed the CSS. So I went back to the current version.

Thanks for the help

I had a my buddy take a crack at it and he found this weird behaviour.

Don’t know where the conflict is, but it ended being the DOM seemed to loose the values of the href on the ancors, after the document.ready.

We ended up recalling the fonctions after the document.ready.

We did this in the header.php of the Avada theme. The only hicup is that you need to do this everytime you need to update the Avada theme…

<script type="text/javascript">
	jQuery(document).ready(function() {

		setTimeout(function(){
			jQuery('a#tab_1').on('click', function() { car_demon_switch_tabs(1, 6, 'tab_', 'content_') } );
			jQuery('a#tab_2').on('click', function() { car_demon_switch_tabs(2, 6, 'tab_', 'content_') } );
			jQuery('a#tab_3').on('click', function() { car_demon_switch_tabs(3, 6, 'tab_', 'content_') } );
			jQuery('a#tab_4').on('click', function() { car_demon_switch_tabs(4, 6, 'tab_', 'content_') } );
			jQuery('a#tab_5').on('click', function() { car_demon_switch_tabs(5, 6, 'tab_', 'content_') } );
			jQuery('a#tab_6').on('click', function() { car_demon_switch_tabs(6, 6, 'tab_', 'content_') } );
		},500);	

	});
	</script>

Resolved