jquery - Mouse over / hover with lots of divs in between -

jquery - Mouse over / hover with lots of divs in between -

i'd show div in grey, @ bottom, when mouseover/hover div in green. problem there lot of divs in between them. have no thought how write function divs in between.

see image http://i.stack.imgur.com/58oy7.jpg

edit: need utilize jquery since i'm gonna utilize attr('src','') alter src

maybe give div hovered id clear identification ;)

static method css:

.field-name-hover-div:hover + div #techinfo { css-rules }

working fiddle: http://jsfiddle.net/bzhfg/

edit: solution jquery:

var applywhenenter = function() { $('#techinfo').css({'attrname': 'value'}); // add together properties object every css value want change. }; var removewhenleave = function() { $('#techinfo').css({'attrname': ''}); // add together properties object every css value want change. }; $('.field-name-hover-div').hover(applywhenenter, removewhenleave);

working fiddle: http://jsfiddle.net/r3ncx/2/

jquery