css＆amp; jquery - 关闭画布菜单和子菜单，如udemy.com

Question

如何创建画布菜单＆amp;像udemy.com这样的子菜单由css＆amp; jquery for web app view？

您可以通过以下方式在网络应用视图中看到udemy.com：

1. 打开镀铬
2. 转到udemy.com
3. F12
4. Ctrl + Shift + M

我找到了this demo，但它不像udemy.com。

请看这张图片：

Answer 1

如果你已经加载了jQuery，我猜你也打算使用jQuery mobile，你想要完成的是“面板”。一个简单的面板标记是这样的：

<div data-role="page">
    <div data-role="panel" id="mypanel">
        <!-- panel content goes here -->
    </div><!-- /panel -->
    <!-- header -->
    <!-- content -->
    <!-- footer -->
</div><!-- page -->

查看文档。 jQuery Mobile面板具有高度可配置性。