Показать сообщение отдельно
  #1 (permalink)  
Старый 10.12.2016, 21:55
Новичок на форуме
Отправить личное сообщение для Кровопуск Посмотреть профиль Найти все сообщения от Кровопуск
 
Регистрация: 05.02.2014
Сообщений: 1

Манипуляции со слайдером Webflow
Пожалуйста, помогите упростить код.

<script>
$(document).ready(function() {

var n1 = 1;
var n2 = 2;
var n3 = 3;

//_____________Model n1____________________________________
	$('#link-' + n1 + '-1').click(function(e) {
		e.preventDefault();
		$('.color-box').removeClass('active');
		$(this).addClass('active');
		$('.nav-' + n1 + ' div:nth-child(1)').trigger('tap');
	});
	$('#link-' + n1 + '-2').click(function(e) {
		e.preventDefault();
		$('.color-box').removeClass('active');
		$(this).addClass('active');
		$('.nav-' + n1 + ' div:nth-child(2)').trigger('tap');
	});
	$('#link-' + n1 + '-3').click(function(e) {
		e.preventDefault();
		$('.color-box').removeClass('active');
		$(this).addClass('active');
		$('.nav-' + n1 + ' div:nth-child(3)').trigger('tap');
	});

	$('#min' + n1 + '-1').click(function(e) {
			e.preventDefault();
			$('.mini-img').removeClass('active');
			$(this).addClass('active');
			$('.nav-' + n1 + ' div:nth-child(1)').trigger('tap');
	});
	$('#min' + n1 + '-2').click(function(e) {
		e.preventDefault();
		$('.mini-img').removeClass('active');
		$(this).addClass('active');
		$('.nav-' + n1 + ' div:nth-child(2)').trigger('tap');
	});
	$('#min' + n1 + '-3').click(function(e) {
		e.preventDefault();
		$('.mini-img').removeClass('active');
		$(this).addClass('active');
		$('.nav-' + n1 + ' div:nth-child(3)').trigger('tap');
	});

//_____________Model n2____________________________________
	$('#link-' + n2 + '-1').click(function(e) {
		e.preventDefault();
		$('.color-box').removeClass('active');
		$(this).addClass('active');
		$('.nav-' + n2 + ' div:nth-child(1)').trigger('tap');
	});
	$('#link-' + n2 + '-2').click(function(e) {
		e.preventDefault();
		$('.color-box').removeClass('active');
		$(this).addClass('active');
		$('.nav-' + n2 + ' div:nth-child(2)').trigger('tap');
	});
	$('#link-' + n2 + '-3').click(function(e) {
		e.preventDefault();
		$('.color-box').removeClass('active');
		$(this).addClass('active');
		$('.nav-' + n2 + ' div:nth-child(3)').trigger('tap');
	});

	$('#min' + n2 + '-1').click(function(e) {
			e.preventDefault();
			$('.mini-img').removeClass('active');
			$(this).addClass('active');
			$('.nav-' + n2 + ' div:nth-child(1)').trigger('tap');
	});
	$('#min' + n2 + '-2').click(function(e) {
		e.preventDefault();
		$('.mini-img').removeClass('active');
		$(this).addClass('active');
		$('.nav-' + n2 + ' div:nth-child(2)').trigger('tap');
	});
	$('#min' + n2 + '-3').click(function(e) {
		e.preventDefault();
		$('.mini-img').removeClass('active');
		$(this).addClass('active');
		$('.nav-' + n2 + ' div:nth-child(3)').trigger('tap');
	});	

//_____________Model n3____________________________________
	$('#link-' + n3 + '-1').click(function(e) {
		e.preventDefault();
		$('.color-box').removeClass('active');
		$(this).addClass('active');
		$('.nav-' + n3 + ' div:nth-child(1)').trigger('tap');
	});
	$('#link-' + n3 + '-2').click(function(e) {
		e.preventDefault();
		$('.color-box').removeClass('active');
		$(this).addClass('active');
		$('.nav-' + n3 + ' div:nth-child(2)').trigger('tap');
	});
	$('#link-' + n3 + '-3').click(function(e) {
		e.preventDefault();
		$('.color-box').removeClass('active');
		$(this).addClass('active');
		$('.nav-' + n3 + ' div:nth-child(3)').trigger('tap');
	});

	$('#min' + n3 + '-1').click(function(e) {
			e.preventDefault();
			$('.mini-img').removeClass('active');
			$(this).addClass('active');
			$('.nav-' + n3 + ' div:nth-child(1)').trigger('tap');
	});
	$('#min' + n3 + '-2').click(function(e) {
		e.preventDefault();
		$('.mini-img').removeClass('active');
		$(this).addClass('active');
		$('.nav-' + n3 + ' div:nth-child(2)').trigger('tap');
	});
	$('#min' + n3 + '-3').click(function(e) {
		e.preventDefault();
		$('.mini-img').removeClass('active');
		$(this).addClass('active');
		$('.nav-' + n3 + ' div:nth-child(3)').trigger('tap');
	});

	
});

</script>
Ответить с цитированием