onmouseover和onmouseout控制鼠标移动到div1上显示div2，移出div1时div2隐藏，默认div2要隐藏

网站php程序动态获取文章列表。文章列表如下
<div class="list"><div class="title">文章标题</div><div class="image">该文章对应的缩略图</div></div>
<div class="list"><div class="title">文章标题</div><div class="image">该文章对应的缩略图</div></div>
<div class="list"><div class="title">文章标题</div><div class="image">该文章对应的缩略图</div></div>
<div class="list"><div class="title">文章标题</div><div class="image">该文章对应的缩略图</div></div>
...
所有文章的标签都是list title image，动态获取的
怎样实现鼠标移动到文章标题上显示缩略图，移开时候缩略图隐藏。缩略图默认状态隐藏。

---

<滚亏script>
function hide(element)
{
document.getElementById(element).style.visibility="hidden";
}
function show(element)
{
document.getElementById(element).style.visibility="明段visible";
}
</script>
<div id="div1" onmouseover="show('div2')" onmouseover="hide('div2')">div1</div>
<div id="div2" style="大槐神visibiliry:hidden;">div2</div>

---