Imposta immagine src su un'altra immagine jquery

Question

Ho un div con alcune immagini, e quando ho fatto clic su quelle immagini voglio che un altro div si apra con quell'immagine che ho cliccato.

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> 

quando cerco di nascondere il div suo funzionamento, in modo da avere errore nella sintassi Penso

Answer 1

Modificare la src di l'immagine, non del div:

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

Answer 2

cambiare linea 3 per fare riferimento l'immagine al posto del suo contenitore:

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