jQuery - Display an element on hover of another

Question

This could be done easily in CSS if the element that needs to be displayed was a child of the hover, but it isn\'t; it\'s in a different section of the document.

I\'m t

Answer 1

Here is a simple example where you hover over one element and a completely different element is changed,

http://jsfiddle.net/bUqKq/6/

hover here
hover here2

 

$("#one").on("mouseover",function(){
    $("#two").css({
        color:"red"
    })
});

$("#one").on("mouseout",function(){
    $("#two").css({
        color:"black"
    })
});

$("#two").on("mouseover",function(){
    $("#one").css({
        color:"red"
    })
});


$("#two").on("mouseout",function(){
    $("#one").css({
        color:"black"
    })
});