Табы. Как сделать чтобы контент из вкладок грузился только тогда когда вкладка активна?

Question

[n__i__k_i__t_a]

Привет.
есть скрипт вкладок/табов
при загрузке страницы с табами, грузится контент сразу со всех вкладок.
подскажите как сделать чтобы контент из вкладок грузился только тогда когда вкладка активна?

<script type="text/javascript"> 
(function($) { 
$(function() { 

function createCookie(name,value,days) { 
if (days) { 
var date = new Date(); 
date.setTime(date.getTime()+(days*24*60*60*1000)); 
var expires = "; expires="+date.toGMTString(); 
} 
else var expires = ""; 
document.cookie = name+"="+value+expires+"; path=/"; 
} 
function readCookie(name) { 
var nameEQ = name + "="; 
var ca = document.cookie.split(';'); 
for(var i=0;i < ca.length;i++) { 
var c = ca[i]; 
while (c.charAt(0)==' ') c = c.substring(1,c.length); 
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length); 
} 
return null; 
} 
function eraseCookie(name) { 
createCookie(name,"",-1); 
} 

$('ul.tabs__caption').each(function(i) { 
var cookie = readCookie('tabCookie' + i); 
if (cookie) { 
$(this).find('li').removeClass('active').eq(cookie).addClass('active') 
.closest('div.tabs').find('div.tabs__content').removeClass('active').eq(cookie).addClass('active'); 
} 
}); 

$('ul.tabs__caption').on('click', 'li:not(.active)', function() { 
$(this) 
.addClass('active').siblings().removeClass('active') 
.closest('div.tabs').find('div.tabs__content').removeClass('active').eq($(this).index()).addClass('active'); 
var ulIndex = $('ul.tabs__caption').index($(this).parents('ul.tabs__caption')); 
eraseCookie('tabCookie' + ulIndex); 
createCookie('tabCookie' + ulIndex, $(this).index(), 365); 
}); 

}); 
})(jQuery); 
</script>

Answer 1

[RTW]

Можно попробовать <template> это позволит рендерить элементы в том порядке, котором надо
https://developer.mozilla.org/ru/docs/Web/HTML/Ele...

Либо еще вариант поместить в script с кастомным типом, браузеры игнорируют нестандартные типы скриптов
<script id="template" type="text/x-template">
и потом получить и апенд

var template = $('#template').html();
 $('#target').append(template);