Несколько функций JQuery

Question

Всего noob для jquery, я хочу добавить еще одну функцию в событие cotsImg.hover, чтобы изменить второе изображение - точно так же, как оно изменилось ниже. что-то вроде

<script type='text/javascript'> 
$(document).ready(function(){ 
    $("#cotsImg").hover(
     function() {$('#golfImg').attr("src","/images/golfimagebw.png");}, 
     function() {$('#golfImg').attr("src","/images/golfimage.png"); 
     function() {$('#golfImg2').attr("src","/images/golfimage2bw.png");}, 
     function() {$('#golfImg2').attr("src","/images/golfimage2.png"); 

}); 
}); 
</script> 

Может ли кто-нибудь помочь? Это был долгий день!

Answer 1

Вам необходимо передать две функции.

От Jquery Docs of Hover()

Метод .hover(), при передаче одной функции, будет выполнять этот обработчик для обоих MouseEnter и MouseLeave события.

Итак, ваша одна функция выполняется для обоих событий. Вам необходимо удалить его после совершения наведения

$("#selectorId").hover(
function() { 
    //Do something to element here 
}, 

function() { 
    //make your element normal here 
    } 

); 

Или классический стиль.

$("#cotsImg") 
     .mouseover(function() { 

      $(this).attr("src", "/images/golfimagebw.png"); 
     }) 
     .mouseout(function() { 
      $(this).attr("src", "/images/golfimage.png"); 
     }); 

Answer 2

<script type='text/javascript'> 
$(document).ready(function(){ 
    $("#cotsImg").hover(function(){ 
     $('#golfImg').attr("src","/images/golfimagebw.png"); 
     $('#golfImg').attr("src","/images/golfimage.png"); 
     $('#golfImg2').attr("src","/images/golfimage2bw.png"); 
     $('#golfImg2').attr("src","/images/golfimage2.png"); 

}); 
}); 
</script> 

просто так добавить, что вы хотите :)

Answer 3

Если я правильно понял ваш вопрос, то вам не нужно больше функций, просто выполнить эти строки кода, исключающие функции.