<!-- Аккордеон в Zero Блок -->
<!-- Блок представлен сайтом https://sitebelov.ru/ - Инструкции: https://sitebelov.ru/zeroaccord -->

<script>

$( document ).ready(function() {
    
$(function () { 
    let liter = 'a'; //Литера для сборки
    let oneAcc = true; // Открывать по одной вкладке  false - true
    let accOpen = false; // Открытая  вкладка  false - true
    let openNum = 3; // Номер открытой вкладки
    let scroll = false; // Скролл к открытой вкладке  false - true
    
    $('.accord-icon').addClass('accord');

	$('div[class*="uc-accord-'+liter+'"]').each(function(index){
        $('.uc-accord-'+liter+'-'+index+':first').addClass('title-accord').attr('data-accord-index', index);
        $('.uc-accord-'+liter+'-'+index+'').not(':first').addClass('content-accord hide-accord');
        
	});
	
	if(accOpen){
	    $('div[class*="uc-accord-'+liter+'-'+openNum+'"]').addClass('active-accord');
	    $('div.content-accord[class*="uc-accord-'+liter+'-'+openNum+'"]').removeClass('hide-accord');  
	};
	
	setTimeout(function(){ $('.content-accord').addClass('time-step')}, 1500);

	function videoStop(){
	    setTimeout(function(){ 
	        $('div.content-accord.hide-accord[class*="uc-accord-'+liter+'-"]').each(function(){
	            let videoNum = $(this).find('div[data-elem-type="video"]').length;
	            if(videoNum){
                    $(this).find('div[data-elem-type="video"]').each(function(){
                        $(this).find('iframe').attr( 'src', function ( i, val ) { return val; });
                    });    
	            };
	        });
	    }, 300);
	};

	$('div[class*="uc-accord-'+liter+'"]').find('.accord').click(function(e){
        let cT = $(this).closest('.title-accord');
        let ind = cT.attr('data-accord-index');
        
        
        if(oneAcc){
            //По одной  вкладке
            if( cT.hasClass('active-accord') ){
                cT.removeClass('active-accord');
                $('div.content-accord.uc-accord-'+liter+'-'+ind+'').toggleClass('hide-accord');  
                videoStop();
            }else{
                $('div.title-accord[class*="uc-accord-'+liter+'"]').removeClass('active-accord');
                cT.addClass('active-accord');
                $('div.content-accord[class*="uc-accord-'+liter+'-"]').addClass('hide-accord');
                $('div.content-accord.uc-accord-'+liter+'-'+ind+'').removeClass('hide-accord');  
                videoStop();
            };
     
        }else{
            //По несколько вкладок
            cT.toggleClass('active-accord');
            $('div.content-accord.uc-accord-'+liter+'-'+ind+'').toggleClass('hide-accord');  
            videoStop();
        };
        
            if(scroll){ //скролл до вкладки
            let el = $(this).closest('.r');
            setTimeout(function(){
                $('html, body').animate({scrollTop:  el.offset().top-50   }, 400);
            }, 600);
        };

	});
    
});
      
});
</script>
<style>
.hide-accord .t396__artboard {
    height: 0!important;
    pointer-events: none!important;
    overflow: hidden!important;
}    
.content-accord.time-step .t396__artboard , .accord-icon {   transition: all 0.4s ease-in-out}    
.content-accord {
    padding-top: 0!important;
    padding-bottom: 0!important;
}
.active-accord .accord-icon {  transform: rotate(90deg)}
.accord {  cursor: pointer}
</style>