Move the mouse over js Code to implement delayed loading and hide Layers

Copy codeThe Code is as follows:
<Div id = "follow">
<A href = "#" onmouseover = "showPlusMobile ();" onmouseout = "hidePlusMobile ();" class = "btn"> + Follow </a>
<Div class = "layer_follow" id = "layer_follow" onmouseover = "showPlusMobile ();" onmouseout = "hidePlusMobile ();">
<P> This is a hidden layer </p>
</Div>
</Div>

Css:
Copy codeThe Code is as follows:
. Layer_follow
{
Display: none
}

Js:
Copy codeThe Code is as follows:
Var isPlusMobileVisible = false;
Var showTid;
Var hideTid;
Function showPlusMobile (){
If (isPlusMobileVisible = false ){
ShowTid = setTimeout ("document. getElementById ('layer _ follow'). style. display = 'block'; isPlusMobileVisible = true;", 500 );
} Else {
ClearTimeout (hideTid );
}
}
Function hidePlusMobile (){
If (isPlusMobileVisible = true ){
HideTid = setTimeout ("document. getElementById ('layer _ follow'). style. display = 'none'; isPlusMobileVisible = false;", 500 );
} Else {
ClearTimeout (showTid );
}
}