focus() and hover() transitions

focus() and hover() transitions

Hello, new to jQuery,

What I need to happen is when you hover over an element, it uses a fadeTo transition and another fadeTo transition when your mouse leaves the element,

However my issue comes when i try to use focus() as well, What i want to happen is when an element is focused, it uses a fadeTo transition and stays at that opacity, i want it to stay at that opacity when your mouse leaves that element (but ur still focused)

and when your mouse leaves the focused element and hovers other elements it "highlights" the other elements with the fadeTo() transitions as well as keeping the focus element "highlighted".

Ive been working on it all day with not much progress so I decided it was time to seek help from the pros. ;)