怎样用js或者jquery实现效果（模仿京东的下拉菜单展开），有图，有我的原代码

需要实现的效果：两个div(上下)，首先下div是隐藏的，鼠标放在上div,下div显示，鼠标放在下div上，下div显示，鼠标移开 上和下 div时，下div都要隐藏。
我的部分代码：
``

<!-- 隐藏商品信息div-->

<br> $(function(){<br> $(&quot;.goodsInfo&quot;).hide();<br> $(&quot;.pointer&quot;).hover(<br> /*鼠标放上去动作*/<br> function(){<br> $(&quot;.goodsInfo&quot;).show();<br> },<br> /*鼠标移开动作*/<br> function() {<br> if( $(&quot;.goodsInfo&quot;).show()){<br> $(&quot;.goodsInfo&quot;).hide();<br> }else{<br> $(&quot;.goodsInfo&quot;).show();<br> }<br> }<br> );<br><br>

求代码实现该效果，谢谢了！