Ustaw obraz src na inny obraz jquery

Question

Mam div z niektórymi obrazami, a kiedy kliknąłem na te obrazy, chcę otworzyć kolejny element div z obrazem, który kliknąłem.

JS

$('.examples img').click(function() { 
    var loc = $(this).attr("src"); 
    $('#image-zoom').attr("src",loc); 
}); 

HTML

<div class="container examples" > 
    <div id="image-zoom"> 
     <img class="img-thumbnail zoom" src="" alt="dental"> 
    </div> 
    <div class="row"> 
     <div class="col-sm-12"> 
      <img id="zoom" class="img-thumbnail zoom" src="images/01.png" alt="dental"> 
      <img class="img-thumbnail zoom" src="images/02.png" alt="dental"> 
      <img class="img-thumbnail zoom" src="images/03.png" alt="dental"> 
     </div> 
    </div> 

    <div class="row"> 
     <div class="col-sm-12"> 
      <img class="img-thumbnail zoom" src="images/04.png" alt="dental"> 
      <img class="img-thumbnail zoom" src="images/05.png" alt="dental"> 
      <img class="img-thumbnail zoom" src="images/06.png" alt="dental"> 
     </div> 
    </div> 
</div> 

Kiedy próbuję ukryć div swoją pracę, więc mam błąd w składni myślę

Answer 1

zmienić src od obraz, a nie element div:

$('#image-zoom img').attr("src",loc); 

Answer 2

Linia zmiana 3 odwołać obraz zamiast jego kontenera:

$('#image-zoom img').attr("src",loc);