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

Question

需要实现的效果：两个div(上下)，首先下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>

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

Answer 1

这个不难的嘛，就按照你的需求在两个div上面写鼠标获取焦点和失去焦点事件就是撒。