Attempts with hover

by Elijah Tate

HTML

<div id="main">
    
</div>
<div id="second">
    
</div>

JavaScript

var helloElements = [];
var goodbyeElements = [];

for(var i=0; i<4; i++){
    var number = i;
    var hello = $("<div id='m" + number + "'>Hello</div>").appendTo("#main");
    helloElements.push(hello);
    var goodbye = $("<div id='s" + number + "'>Goodbye</div>").appendTo("#second");
    goodbyeElements.push(goodbye);
}

$.each(helloElements, function(indx, val){
    var goodbyeElement = goodbyeElements[indx];
    $(val).hover(function(){
        goodbyeElement.css("display", "none");
    }, function(){
     	goodbyeElement.css("display", "block");   
    });
});