Here is the Sample code that u can use.
<style type="text/css">
#div4, #div5, #div6 {
visibility: hidden;
}
</style>
<script>
function show(id) {
document.getElementById(id).style.visibility = "visible";
}
function hide(id) {
document.getElementById(id).style.visibility = "hidden";
}
</script>
<div onMouseOver="show('div4')" onMouseOut="hide('div1')">
<div id="div4">Div 4 Content</div>
</div>
<div onMouseOver="show('div5')" onMouseOut="hide('div5')">
<div id="div5">Div 5 Content</div>
</div>
<div onMouseOver="show('div6')" onMouseOut="hide('div3')">
<div id="div6">Div6 Content</div>
</div>