Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/442.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 自动滑出导航加载?_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 自动滑出导航加载?

Javascript 自动滑出导航加载?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我的页面上有自动加载的滑出式导航,即页面加载。我希望只有当用户单击菜单栏时它才会打开(在我的情况下,它是汉堡包标志) Html代码: <i class="fa fa-bars toggle_menu"></i> <div class="sidebar_menu"> <i class="fa fa-times"></i> 我认为您需要在HTML本身中添加classhide_菜单,以便在加载页面时隐藏sidebar_菜单。因此,修改HTM

我的页面上有自动加载的滑出式导航,即页面加载。我希望只有当用户单击菜单栏时它才会打开(在我的情况下,它是汉堡包标志)

Html代码:

<i class="fa fa-bars toggle_menu"></i>
<div class="sidebar_menu">
<i class="fa fa-times"></i>

我认为您需要在HTML本身中添加class
hide_菜单
,以便在加载页面时隐藏
sidebar_菜单
。因此,修改HTML如下:

<i class="fa fa-bars toggle_menu"></i>
<div class="sidebar_menu hide_menu">
<i class="fa fa-times"></i>


你能发布完整的提琴或片段吗?有很多不同的方法可以做到这一点。正如Hitesh所评论的,您能否提供一个工作示例,以便我们能够帮助您解决具体情况?
<i class="fa fa-bars toggle_menu"></i>
<div class="sidebar_menu hide_menu">
<i class="fa fa-times"></i>