Студия Квадрат

.t-img-select__control { width: calc(50% - 10px); }

$( document ).ready(function() { // Test 2 $('[href = "#rec295699469"]').on("click", function() { $(".arrowquiz").toggleClass("active"); }); $('[href = "#short"]').on("click", function() { $(".arrowquiz").toggleClass("active"); }); //Прописываем ID Нашего Zero var txtZeroID = "#rec295699469"; //Создаём переменные состояния var open = false; var close = true; var resize = false; //Сворачиваем всё function allUp(){ //Уменьшаем высоту блока $(""+txtZeroID+" .t396__artboard , "+txtZeroID+" .t396__carrier , "+txtZeroID+" .t396__filter").animate({ height : '-=600' }, 500); //Убираем вложенный текст $('[href = "#txtelem"]').removeClass("showtxt"); //Меняем состояние close = true;open = false; }; //Разворачиваем всё function allDown(){ //Увеличиваем высоту блока $(""+txtZeroID+" .t396__artboard , "+txtZeroID+" .t396__carrier , "+txtZeroID+" .t396__filter").animate({height : '+=600'}, 500); //Показываем вложенный текст $('[href = "#txtelem"]').addClass("showtxt"); //Меняем состояние open = true;close = false; }; //Добавляем класс активной кнопки к кнопке КОРОТКО $('[href = "#short"]').addClass('activebtn'); //Управляем активностью кнопок //При клике на КОРОТКО $('[href = "#short"]').click(function (){ $('[href = "#rec295699469"]').removeClass('active'); $(".activebtn").toggleClass("active"); $('[href = "#rec295699469"]').removeClass('activebtn'); $('[href = "#short"]').addClass('activebtn'); //Поднимаем пункты if (open){ allUp()}; return false; }); //При клике на ПОДРОБНО $('[href = "#rec295699469"]').click(function (){ $('[href = "#short"]').removeClass('active'); $(".activebtn").toggleClass("active"); $('[href = "#rec295699469"]').addClass('activebtn'); $('[href = "#short"]').removeClass('activebtn'); //Показываем пункты if (close){ allDown()};return false; }); //При изменении размеров окна var resizeTimeout; $(window).resize(function(){ clearTimeout(resizeTimeout); resizeTimeout = setTimeout(function(){ if (!close){ //Сворачиваем пункты resize = true; setTimeout(function() { $("[href = '#short']")[0].click(); }, 500); }; }, 500);}); });