我在 leftmenu.jsp 文件中有一个菜单列表。在我的 page.jsp 中,我有一个垂直按钮(就像 outlook 中的导航 Pane 一样)。当我点击按钮时,我想显示 leftmenu.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>
最佳答案
您应该在 Google 上搜索 jQuery 菜单 slider 、菜单切换器或 jQuery Outlook 之类的菜单行为... 或者您可以使用 jQuery 自己编写一些东西。
jQuery:
$('#menu-wrapper').hide();
$('#btn-toggle-menu').on('click', function(e) {
var menu = $('#menu-wrapper');
if(menu.is(':hidden')) {
menu.show();
} else {
menu.hide();
}
});
HTML:
<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>
这是一个非常基本的,应该根据您的需要进行编辑。 工作example -> 点击“M”
如果他们有任何你喜欢的东西,你可以检查 UI,比如 Bootstrap 或 Flat UI...
祝你好运!
关于jquery - 如何在 Outlook 中制作类似于导航 Pane 的内容?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18956861/