Манипуляции со слайдером 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>

Кровопуск,

$(function() {
   for (var i=1; i<4; i++)  {
      $('#link-' + i + '-1').click(function(e) { }) //....
   }
});