Need help with tabs

[waynepatt58]

I have a problem with tabs that I cannot solve. I have two tabs, each with an interactive map in it. The first tab loads the map OK however the second tab refuse to load the second map. Any help as to what would cause this would be much appreciated.

[christian]

Hey @waynepatt58,

It looks like your map is powered by Javascript. Please apply the solution given in this similar thread: https://theme.co/apex/forum/t/add-a-grid-in-an-accordion/53843/2?u=christian_y

Hope that helps.

[waynepatt58]

I will tried the code below but it did not solve the problem.

jQuery(function($) {
$(".x-acc-header").click(function() {
setTimeout(function() {
$(window).trigger(‘resize’);
}, 1000);
});
});

[thai]

Hi @waynepatt58,

Please try with this custom JS instead:

jQuery(function($) {
	$(".x-tabs-list button").click(function() {
		usahtml5map_map_1.draw();
		usahtml5map_map_0.draw();
	});
});

Please note that custom coding is outside the scope of our support. Issues that might arise from the use of custom code and further enhancements should be directed to a third party developer.

Hope that helps and thank you for understanding.