$(document).ready(function() {
var list = $(".prfot .twentytwenty-container");
var numToShow = 6; //сколько показывать элементов
var button = $("button");
var numInList = list.length;
list.hide();
if (numInList > numToShow) {
button.show();
}
list.slice(0, numToShow).show();
button.click(function() {
var showing = list.filter(':visible').length;
list.slice(showing - 1, showing + numToShow).fadeIn();
var nowShowing = list.filter(':visible').length;
if (nowShowing >= numInList) {
button.hide();
}
initTwenty();
});
});
//подгрузить еще по кнопке, если все элемнты подгружены, скрывает кнопку
$(document).ready(function() {
var list = $(".prfot .twentytwenty-container");
var numToShow = 6; //сколько показывать элементов
var button = $("button");
var numInList = list.length;
list.hide();
if (numInList > numToShow) {
button.show();
}
list.slice(0, numToShow).show();
button.click(function() {
var showing = list.filter(':visible').length;
list.slice(showing - 1, showing + numToShow).fadeIn();
var nowShowing = list.filter(':visible').length;
if (nowShowing >= numInList) {
button.hide();
}
initTwenty();
});
});
$(window).on('load', function() {
initTwenty();
});
// Фото, до и после
function initTwenty()
{
$(".twentytwenty-container").twentytwenty({
no_overlay: false, // Не показывать наложение было, стало, true скрыть
move_slider_on_hover: false, // Перемещать ползунок при наведении курсора мыши
move_with_handle_only: true, // Разрешить пользователю проводить пальцем в любом месте изображения для управления движением ползунка.
before_label: 'До',
after_label: 'После'
});
}
<?php
foreach ($categories as $category) :
if ($category['id'] == '21109') :
?>
<?php
foreach ($category["children"] as $childfirst) :
if ($childfirst['show_cat'] == '1') {
if (!isset($childfirst['children'])) {
?>
<li><a href="/himchistka/<?= $childfirst['alias'] ?>/" title="<?= $childfirst['name'] ?>"><?= $childfirst['name'] ?></a></li>
<?
}
}
endforeach;
?>
<?
endif;
endforeach;
?>if (!errors) {
var data = $('#formtexosmotr').serialize();
var data = new FormData(this); //для передачи файлов
$.ajax({
url: 'pay.php',
type: 'POST',
processData: false, //для передачи файлов
contentType: false, //для передачи файлов
data: data,
success: function(res) {
if (res == 1) {
alert('Письмо отправлено, в ближайшее время Вам перезвонит менеджер.');
document.getElementById('formtexosmotr').reset() //отчистка полей в форме после отправки
$('#ajax-loader').hide(); //скрыть лоайдер
} else {
alert('Ошибка отправки, попробуйте повторить отправку позднее.');
}
},
error: function() {
alert('Ошибка!');
}
});
$('#ajax-loader').show(); //показывать лоадер пока идет процесс отправки
}
Рабочая схема с менюшкой, все пашет
https://jsfiddle.net/vlit/ag14ju8s/42/