菜单展示效果，紧急——————

菜单展示效果求助，紧急——————
菜单展示效果，紧急——————

如上图，上面的是一级菜单，点击后左侧出现相应二级菜单，这个怎么实现的，或者这种效果叫什么名字？

&lt;script type="text/javascript" src="jquery-1.10.2.min.js" &gt;&lt;/script&gt;

&lt;script type="text/javascript"&gt;
$(document).ready(function() {
$("p[class='flip']").click(function()
{
$(this).next().slideToggle(500);
});
});

function show(id) {
      var divs = $("div[id='dvMenu'] div[class='flip']");
      for (var i = 0; i &lt; divs.length; i++) 
          divs[i].style.display = divs[i].id == id ? 'block' : 'none';
  }
&lt;/script&gt;


&lt;style type="text/css"&gt; 
div.panel,p.flip
{
margin:0px;
padding:10px;
text-align:center;
background:#e5eecc;
border:solid 1px #c3c3c3;
height:15px; 
 
width:100px;
}
div.panel
{
height:120px;
display:none;
}
&lt;/style&gt;
&lt;/head&gt;

&lt;body&gt;
&lt;div style="padding:10px"&gt;
&lt;a href="javascript:show('yyzx')"&gt;应用中心&lt;/a&gt;　&lt;a href="javascript:show('zhzx')"&gt;账号中心&lt;/a&gt;　&lt;a href="javascript:show('jygl')"&gt;交易管理&lt;/a&gt;
&lt;/div&gt;
&lt;div id="dvMenu"&gt;

&lt;div id="yyzx" alt="菜单展示效果，紧急——————" />
贴张效果图。。
[解决办法]
先将DIV隐藏，并设置position为float。点击上面的菜单后，让DIV显示出来，通过left和top定位到相应菜单的下面就可以实现了。

菜单展示效果紧急

热点推荐