JSFiddle - React, Tailwind, and code Playground

HTML

<div class="work">
		<h2>Примеры работ</h2>
		<hr></hr>
		<h3>Рабочие процессы и результат со строительных площадок</h3>
		<div class="container">
			<div class="row">
				<div class="col-lg-4">
					<div class="work_example">
						<div class="work_example-text">
							<span>Монолитный цокольный этаж</span>
							<p>Объект:        п. Саперный
								<br />Площадь:       144 м.кв.
								<br />Начало:        12.05.2017 г.
								<br />Окончание: 19.05.2017</p>
						</div>
						<div class="work_example-accordeon" id="thumbs">
								<a href="img/1-1.jpg" title="Image 1"><img src="img/1-1_thumb.png"></a>
								<a href="img/1-2.jpg" title="Image 1"><img src="img/1-2_thumb.png"></a>
								<a href="img/1-3.jpg" title="Image 1"><img src="img/1-3_thumb.png"></a>
								<p><a href="img/1-4.jpg" title="Image 1"><img src="img/1-4_thumb.png"></a>
								<a href="img/1-5.jpg" title="Image 1"><img src="img/1-5_thumb.png"></a>
								<a href="img/1-6.jpg" title="Image 1"><img src="img/1-6_thumb.png"></a>
						</div>
					</div>
				</div>
				<div class="col-lg-7">
					<img src="img/1-1.jpg" id="largeImg" class="works_big-one">
				</div>
			</div>
		</div>
		<div class="container">
			<div class="row">
				<div class="col-lg-7">
					<img src="img/2-1.jpg" id="largeImg" class="works_big-one">
				</div>
				<div class="col-lg-4">
					<div class="work_example">
						<div class="work_example-text">
							<span>Демонтаж, монолитна плита<br />300мм с ростверком вниз<br /> высотой 800мм и теплыми полами</span>
							<p>Объект:        п. Саперный
								<br />Площадь:       144 м.кв.
								<br />Начало:        12.05.2017 г.
								<br />Окончание: 19.05.2017</p>
						</div>
						<div class="work_example-accordeon" id="thumbs">
								<a href="img/1-1.jpg" title="Image 1"><img src="img/1-1_thumb.png"></a>
								<a href="img/1-2.jpg" title="Image 1"><img src="img/1-2_thumb.png"></a>
								<a href="img/1-3.jpg" title="Image 1"><img...

JavaScript

var largeImg = document.getElementById('largeImg');

    var thumbs = document.getElementById('thumbs');

    thumbs.onclick = function(e) {
      var target = e.target;

      while (target != this) {

        if (target.nodeName == 'A') {
          showThumbnail(target.href, target.title);
          return false;
        }

        target = target.parentNode;
      }

    }

    function showThumbnail(href, title) {
      largeImg.src = href;
      largeImg.alt = title;
    }


    /* предзагрузка */
    var imgs = thumbs.getElementsByTagName('img');
    for (var i = 0; i < imgs.length; i++) {
      var url = imgs[i].parentNode.href;
      var img = document.createElement('img');
      img.src = url;
    }