Question: I'm working with some very basic jquery code and would like to condense what I've done into one function with passed parameters. 

I have a few of these:

```
$(".about").hover(function() {
    $(this).attr("src","_img/nav/about_over.gif");
        }, function() {
    $(this).attr("src","_img/nav/about_off.gif");
});

$(".artists").hover(function() {
    $(this).attr("src","_img/nav/artists_over.gif");
        }, function() {
    $(this).attr("src","_img/nav/artists_on.gif");
});

$(".help").hover(function() {
    $(this).attr("src","_img/nav/help_over.gif");
        }, function() {
    $(this).attr("src","_img/nav/help_off.gif");
});

```

But would obviously like to pass the the title of the image ("about", artists", "help") so that I could cut down on repeated code.

Any help much appreciated.

Thanks

Ronnie

Answer: 
You could something like this:

```
function ElementHover(class_name, src_over, src_off) {
   $("."+class_name+"").hover(function() {
      $(this).attr("src", src_over);
      }, function() {
      $(this).attr("src", src_off);
   });

}

```
I'm not sure what's going on with the second function in the hover function, but you can do something like this:

```
$(".about .artists .help").hover(function(){
    $(this).attr('src','_img/nav/' + $(this).attr('class') + '_over.gif')
});

```

you can apply the same principle to your on/off gifs too.