我在leftmenu.jsp文件中有一个菜单列表。在我的页面.jsp中,我有一个垂直按钮(就像 Outlook 中的导航窗格一样)。当我单击该按钮时,我想在左侧菜单.jsp文件中显示菜单列表。我该怎么做?
页.jsp
<div id="content">
<div id="pageNav" style="z-index:9999; position:relative;height:180px;">
<button id="showmenu" type="button">Hide menu</button>
</div>
</div>
左菜单.jsp
<div class="sidebarmenu" style="position: absolute;">
Menu List
</div>
你应该
谷歌jQuery菜单滑块,或菜单切换器或jQuery Outlook这样的菜单行为...或者你可以用jQuery自己写一些东西。
j查询:
$('#menu-wrapper').hide();
$('#btn-toggle-menu').on('click', function(e) {
var menu = $('#menu-wrapper');
if(menu.is(':hidden')) {
menu.show();
} else {
menu.hide();
}
});
目录:
<div id="btn-toggle-menu">M</div>
<div id="menu-wrapper">
<ul>
<li>link item</li>
<li>link item</li>
<li>link item</li>
<li>link item</li>
<li>link item</li>
<li>link item</li>
</ul>
</div>
这是一个非常基本的,应该编辑以满足您的需求。一个工作示例 -> 点击"M"
你可以检查像引导或平面UI这样的UI,如果他们有你喜欢的东西......
祝你好运!