Misma función para varios elementos.

Hola, soy un novato de javascript y mi problema es el siguiente:

Tengo una web con dos imágenes imgX e imgY donde quiero que al hacer click en cada una de ellas se abra en la misma web unos <DIV> divX y divY, respectivamente.

Este sería el código HTML:

<img class="imgX" src="images/X.png" />

<div class="divX">
xxxx
</div>

<img class="imgY" src="images/Y.png" />

<div class="divY">
yyyy
</div>

Para conseguir eso, utilizo este código que en principio es válido:

$(document).ready(function() {

$('.imgX').click(function() {
mostrarDivX();
});

$('.imgY').click(function() {
mostrarDivY();
});
});

function mostrarDivX() {
$('divX').fadeIn(120);
}

function mostrarDivY() {
$('divY').fadeIn(120);
}

La cuestión es que si en lugar de 2 imágenes tuviera 12, la cosa se complica porque tengo que escribir 12 funciones, una para cada imagen. Mi duda es si existe alguna forma de crear una única función para todas las imágenes que permita que al hacer click en cada una de ellas se abra su correspondiente <DIV>.

Muchas gracias por su ayuda.

El problema es cómo estableces la correspondencia. O sea qué dato usar para saber que un div en particular se corresponde con un img en particular.

Cuando tengas en claro esto, seguimos...