JSFiddle - React, Tailwind, and code Playground

HTML

<table class="table table-condensed table-striped table-hover">
              <thead>
                <tr>
                  <th>#</th>
                  <th>id товара</th>
                  <th>название товара</th>
                  <th>Параметр</th>
                </tr>
              </thead>
              <tbody>


 
<tr>
                  <td rowspan="2" class="rows_852">5</td>
                  <td rowspan="2" class="rows_852">852</td>
                  <td rowspan="2" class="rows_852">имя</td>
                  <td rowspan="2" class="rows_852">ключь</td>
				 <td class="count_852"><div class="st2"><div class="img2"><img src="http://t1.gstatic.com/images?q=tbn:ANd9GcTEm13XlpneaK6A6OtNeeP-M9RPCvA8EGoNHklqfZbH5NjHES6Uk5kwXmE" id="img_852_2"  style="position:absolute; width:50px;height:50px;" class="img-polaroid" width="50" height="50" onClick="img_select('852_2');">
</div></div></td><td class="count_852"><div class="st2"><div class="img2"><img src="http://t3.gstatic.com/images?q=tbn:ANd9GcRqhHz0Xshm7b5q445fuinnRTASdd67qDCTqO-BbvlCpn6isR89vAJEjZwm" id="img_852_3"  style="position:absolute; width:50px;height:50px;" class="img-polaroid" width="50" height="50" onClick="img_select('852_3');">
</div></div></td><td class="count_852"><div class="st2"><div class="img2"><img src="http://t3.gstatic.com/images?q=tbn:ANd9GcTLuxpB8-ZHM5F1nLMH3TynGdiv5dGfxe2Mr33gPBWyMYdC9JHEiVJPYn4" id="img_852_4"  style="position:absolute; width:50px;height:50px;" class="img-polaroid" width="50" height="50" onClick="img_select('852_4');">
</div></div></td><td class="count_852"><div class="st2"><div class="img2"><img src="http://t2.gstatic.com/images?q=tbn:ANd9GcQSzF2A23CSR0heYKYtyBs3SMpQfg__BBEspWAGDcxoysujUJd_a7ro8MY" id="img_852_5"  style="position:absolute; width:50px;height:50px;" class="img-polaroid" width="50" height="50" onClick="img_select('852_5');">
</div></div></td><td class="count_852" style=" height:60px;">
   <div class="st2"><div class="img2">
   <img...

JavaScript

$(function(){
    $('.img2').hover(function(evt){
     if (evt.ctrlKey)
	 {$(this).children('img').stop().animate({width:"300px",height:"300px"}, 400);}
    }, function(){ $(this).children('img').stop().animate({width:"50px",height:"50px"}, 400); });
  });
function update()
{
 $('.img2').hover(function(evt){
     if (evt.ctrlKey)
	 {$(this).children('img').stop().animate({width:"300px",height:"300px"}, 400);}
    }, function(){ $(this).children('img').stop().animate({width:"50px",height:"50px"}, 400); });
}
function get_pict(pict_id)
	{
		var cou = $('.count_'+pict_id).size();

		var vall = $('.rows_'+pict_id).attr('rowspan');


        $.post("http://ser1ous.ru/sample.html", { id_tovar: pict_id, start: cou, ajax: "1"})
.done(function(data) {


  $('tr.tr_'+pict_id).last().after(data);
  vall = vall*1+2;
		$('.rows_'+pict_id).attr('rowspan', vall);

});




update();
	}