Looking for a way to filter images

Looking for a way to filter images

Hi all,
This is my first post on this forum and it's good to be here.
basically I want to to this :


So basically if you click on logo , only logo is visible and the other photo's are lowered in opacity.
I made a class to change the opacity of the images.
And created this awfully wrong jquery:
  1. $(document).ready(function(){
        $(".1").click(function(event){
            $('img.2').addClass("white");
            $('img.3').addClass("white");
            $('img.4').addClass("white");
            $('img.5').addClass("white");
            $('img.6').addClass("white");
            $('img.7').addClass("white");
            $('img.8').addClass("white");
            $('img.9').addClass("white");
            $('img.10').addClass("white");
            $('img.11').addClass("white");
            $('img.12').addClass("white");
            $('img.13').addClass("white");
        });













  2. });
The images that are in the same category have the same class name (e.g  <a href="#" class="1">Logo</a>  and <img class="1" src="#" />

What's the best way to write this in JQuery properly?