Question : Jquery addClass

Hello All,

Can anyone help me out with a little jquery below, I know this isn't the right way but you should be able to tell what I'm trying to achive.

I have four images, I need three of the classes to change when I roll over an image.

If anyone knows how I can fade the effect it would be even better!

<script type="text/javascript">
$("img#front-image-one").hover(function() {
$("img#front-image-two").addClass("hover");
      $("img#front-image-three").addClass("hover");
      $("img#front-image-four").addClass("hover");
},
function () {
$("img#front-image-two").removeClass("hover");
      $("img#front-image-three").removeClass("hover");
      $("img#front-image-four").removeClass("hover");
});
</script>

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:



<script type="text/javascript">
$("img#front-image-one").hover(function() {
    $("img#front-image-two").addClass("hover");
	$("img#front-image-three").addClass("hover");
	$("img#front-image-four").addClass("hover");
}, 
  function () {
    $("img#front-image-two").removeClass("hover");
	$("img#front-image-three").removeClass("hover");
	$("img#front-image-four").removeClass("hover");
});
</script>

Question : Jquery addClass

Answer : Jquery addClass

I changed the " for ' and it works, thanks for your help!