[jQuery] Add a second trigger in this function
I recently implemented the Image Cross Fade Transition
http://
jqueryfordesigners.com/image-cross-fade-transition/
It works great, and I'm hoping to add to the code to enhance the
functionality. Currently, if I hover over the image, it runs the cross
fade transition, which I would like to keep. I have another div on the
page that I would like to trigger the first instance when hovered over
as well. Is there a good way to add this?
Here's what I'm using for the first instance:
$
document
.ready
function
{
$
'div.tv'
.hover
function
{
//hover in
var div = $
'> div', this
;
if
div.is
':animated'
{
div.stop
.fadeTo
500, 1
;
} else {
div.fadeIn
250
;
}
}, function
{
// hover out
var div = $
'> div', this
;
if
div.is
':animated'
{
div.stop
.fadeTo
1000, 0
;
} else {
div.fadeOut
1000
;
}
}
;