He buscado en el foro un problema en particular, pero todas las soluciones que encontré no funcionan para mi problema.

Tengo una imagen en el lado izquierdo. En el lado derecho, tengo palabras diferentes. Entonces, cuando hago clic en un nombre en particular, quiero que la imagen cambie a la imagen que tengo en mi carpeta de imágenes. Básicamente, quiero que la fuente de la imagen cambie. Aquí está el código para mi índice:

<div id="picture_here">
     <img src="images/mtkili.png" id="picture"/>
</div>

<div id="about">
     <div id="mtl">Mtl</div>
</div>

<div id="about_2">
     <div id="contact">SF</div>
</div>

Y aquí hay dos fórmulas jqueries que probé:

$('#mtl').click(function(){
    $('#picture').attr()({
        'src':'images/short.png'
    })          
})

y:

$('#mtl').click(function(){
   $('#picture').attr('src', 'images/short.png');
});