Could this be streamlined?
Hi,
I'm *really* new to jQuery, but learning. After reading up and watching a few tutorials, I set myself the test of creating a rudimentary gallery by memory, and came up with the following jQuery code:
- $(document).ready(function(){
- $('.nav a[title=Freddy]').click(function(){
- $('.cont img').not('.cont img[title=Freddy]').fadeOut('normal');
- $('.cont img[title=Freddy]').fadeIn('normal');
- });
- $('.nav a[title=Myers]').click(function(){
- $('.cont img').not('.cont img[title=Myers]').fadeOut('normal');
- $('.cont img[title=Myers]').fadeIn('normal');
- });
- $('.nav a[title=Vold]').click(function(){
- $('.cont img').not('.cont img[title=Vold]').fadeOut('normal');
- $('.cont img[title=Vold]').fadeIn('normal');
- });
- })
Everything works as it should, which is great, but as I'm still new to jQuery,
could you please give me an idea if it can be streamlined any.
Obviously there's css and images etc, but the picture below shows that it looks
like.

Any advice is greatly appreciated guys,
Cheers,
Andy.