amSlidePanel - Адаптивные бесконечный табы

<!-- Таб 1--->
<div class="amSP">
    <div class="amSPTitle">Заголовок1</div>
    <div class="amSPText"> Содержимое </div>
</div>

<!-- Таб 2--->
<div class="amSP">
    <div class="amSPTitle">Заголовок2</div>
    <div class="amSPText"> Содержимое </div>
</div>

....

/* amSlidePanel */
.amSP {
    margin: 12px 4px;
    position: relative;
}
.amSPTitle {
    background: #ffffff;
    color: #454545;
    padding: 10px 10px 10px 40px;
    border-radius: 23px;
    box-shadow: 2px 3px 10px 0px rgb(0 0 0 / 20%);
    cursor: pointer;
}
.amSPText {
    display: none;
    margin-left: 20px;
    padding: 26px 5px;
}
.amSPTitle.active {
    background: #fff7f5;
}
.amSPText.active {}

jQuery(document).ready(function($){
	/* amSlidePanel */
	// Все табы в документе
	var allSP = $('.amSPTitle');
	allSP.click(function(){
		// Табы на одном уровне
		var siblingsSP = $(this).parent('div').siblings(".amSP");
		// Клик по активному табу 
		if($(this).hasClass("active")){
			// Если нет родителей
			if(!$(this).closest(".amSPText").length){	
				$('.amSPText').removeClass("active");
				allSP.removeClass("active");
				$('.amSPText').slideUp(300);
			}
			else{
				$(this).removeClass("active");
				$(this).next('div').removeClass("active");
				$(this).next('div').slideUp(300);
			}
			
		}
		// Клик по не активному табу
		else{
			// Если нет родителей
			if(!$(this).closest(".amSPText").length){	
				$('.amSPText').removeClass("active");
				allSP.removeClass("active");
				$('.amSPText').slideUp(300);
			}
			// Есть родители
			else{
				siblingsSP.children('div').removeClass("active");
				siblingsSP.children('div').next('div').removeClass("active");
				siblingsSP.children('div').next('div').slideUp(300);
			}
			$(this).next('div').addClass("active");
			$(this).next('div').slideDown(300);
			$(this).addClass("active");
		}
	});
 });