Alexey10

transform: scale + opacity для всех слайдов кроме центрального. Там сам свайпер дает классы специальные. Самому свайпер нужно присвоить настройку centeredSlides: true

Вот нашел, вдруг кому-то пригодиться https://codepen.io/suez/pen/WvaKpy

transform: scale(4);

Вот написал лучший вариант https://jsfiddle.net/evr3s2bc/ ;

Сделай табы ссылками. Обычные якоря вообщем.
И добавь код:

$('a[data-target="anchor"]').on('click', function(){
		var target = $(this).attr('href'),
			bl_top = $(target).offset().top;
		$('body, html').animate({scrollTop: bl_top}, 700);
		return false;
	});

Если не правильно понял. Скинь ссылку на сайт, чтобы наглядно смотреть.

Решил вопрос. Если кому-то нужно, вот:
if ($(this).attr("data-index") == 1) {
slider.prependSlide([
slide[0],
slide[1]
]);

}
Закинул все картинки в массив, и в зависимости от числа в атрибуте data-index, подгружал слайды с картинками в слайдер с помощью функции prependSlide .

Ребят, вопрос решил. Если кому-то нужно, вот код
$('.menuToggle').on('click', function() {
$('ul.menu').slideToggle(300, function(){
if( $(this).css('display') === "none"){
$(this).removeAttr('style');
}
$(document).mouseup(function(e) {
var $target = $(e.target);
if ($target.closest("ul.menu").length == 0 && $target.closest(".menuToggle").length == 0) {
$('ul.menu').slideUp(300, function(){
if( $(this).css('display') === "none"){
$(this).removeAttr('style');
}
});
}
});
});



});