.accordion-item .accordion-collapse {
position: relative;
z-index: 1;
}
@media(min-width: 768px) {
.accordion-item:nth-child(3n+1) .accordion-collapse {
margin-right: -200%;
}
.accordion-item:nth-child(3n+2) .accordion-collapse {
margin-right: -100%;
margin-left: -100%;
}
.accordion-item:nth-child(3n+3) .accordion-collapse {
margin-left: -200%;
}
}
.parents__text
<div class="partners__item">
<div class="partners__image"><img src="/assets/img/partners/3.png"></div>
<div class="parents__text">
<div class="partners__title">test 3</div>
<div class="partners__text">Lorem ipsum</div>
</div>
</div>
.partners {
&__item {
display: flex;
flex-direction: column;
justify-content: space-between;
}
}
<div class="table-wrapper">
<div class="table">
<div class="col indigo">
<div class="item">Item</div>
<div class="item">Item</div>
<div class="item">Item</div>
<div class="item">Item</div>
</div>
<!-- your code table --->
</div>
</div>
/**
** your code css
**/
.col:first-child {
position: sticky;
z-index: 5;
left: 0;
}
.table-wrapper {
max-width: 100%;
overflow-y: hidden;
overflow-x: auto;
}
// serializefiles
// обрабатываем данные формы
(function($) {
$.fn.serializefiles = function() {
var obj = $(this);
/* ADD FILE TO PARAM AJAX */
var formData = new FormData();
$.each($(obj).find("input[type='file']"), function(i, tag) {
$.each($(tag)[0].files, function(i, file) {
formData.append(tag.name, file);
});
});
var params = $(obj).serializeArray();
$.each(params, function (i, val) {
formData.append(val.name, val.value);
});
return formData;
};
})(jQuery);
// formId = ID отправляемой формы
function sendContact(formId) {
var formData = $(formId).serializefiles();
$.ajax({
type: 'POST',
url: '/wp-admin/admin-ajax.php',
data: formData,
async: false,
cache: false,
contentType: false,
processData: false,
})
.done(function( msg ) {
var a = $('link[rel=canonical]').attr('href');
0 < a.indexOf("/contact/") && (a = "/contact/");
//a = a.replace(/(#.*$)/img, "");
document.location.href = a
})
}
// Отправка формы;
$("#form1").on("submit", function(e){
e.preventDefault();
sendContact("#form1");
return !1;
});
Атрибут defer предназначен только для внешних скриптов
Атрибут defer будет проигнорирован, если в теге script нет src.
data-fancybox
. Удобно конечно. Не написав ни строчки кода - fancybox работает.