点击关闭纯CSS汉堡包菜单

文章/答案/技术大牛

发布

1回答

css、menu、dropdown

我在下面的汉堡包菜单中添加了代码。我想在点击特定部分后关闭菜单。<meta http-equiv="X-UA-Compatible" content="ie=edge"> <link href="https://fonts.goog

浏览 16提问于2020-02-11得票数 0

回答已采纳

1回答

切换带有链接的菜单图标

jquery

我有一个汉堡包图标，动画到一个x，当点击回来，这反过来激活了一个幻灯片菜单。单击菜单中的链接时，菜单关闭，页面滚动到相关部分。然而，菜单图标则保持在"x“状态。当其中一个链接被点击时，我想切换"x“返回汉堡包状态。动画通过css控制。点击右边的汉堡包菜单图标，打开滑出菜单。当单击菜单中的一个链接时，汉

浏览 2提问于2016-03-27得票数 0

2回答

单击“退出”元素会淡出div。

menu、opacity、fade

我有一个“移动”菜单，在桌面版本上也可以看到：这是我在单击时触发的代码的一部分： jQuery("#page-cover").css("opacity",0.6

浏览 2提问于2015-05-18得票数 0

回答已采纳

2回答

如何使用Javascript在单击汉堡图标时关闭移动菜单

javascript

我已经创建了一个移动菜单，当我点击“汉堡包”图标时，它可以很好地打开。(不是使用div和css创建的图像)。当用户点击“汉堡包”图标时，我在想如何关闭移动菜单时遇到了一些麻烦。) => { navLink.style.left = "0%";}); 上面的代码是我如何能够使移动菜单出现

浏览 21提问于2021-05-11得票数 1

2回答

关闭图标上的汉堡包菜单，点击

javascript、html、css、twitter-bootstrap

我有汉堡包菜单，开得很好。当我再次点击汉堡包菜单图标时，我希望它关闭(这是不工作的，我挣扎)。(仅当我单击某个链接或单击菜单外部时，它才会关闭)。 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.<

浏览 1提问于2019-07-01得票数 2

回答已采纳

2回答

CSS汉堡菜单不显示菜单

css

我用一个复选框创建了一个纯CSS汉堡菜单..。但是，当我点击汉堡包“复选框”时，它并没有显示菜单.

浏览 0提问于2021-08-23得票数 0

回答已采纳

1回答

隐藏“汉堡包”菜单上所有可折叠的div

twitter-bootstrap-3

点击汉堡包图标将打开菜单。其中一个菜单项是另一个可折叠div的按钮。我把这个添加到这个按钮上： $(".navbar-toggle").click() 这将关闭导航条菜单并显示另一个我想要的是再次点击汉堡包图标将关闭新的div，不会打开菜单。基本上，需要的是肚脐键来

浏览 1提问于2014-10-05得票数 0

回答已采纳

3回答

Div在复选框上切换，但检测到在div外部单击关闭。

javascript、jquery、html、css、checkbox

我试着让我的汉堡菜单检测到，点击菜单外的时候(.NavMenu)，并将汉堡包复选框更改为未选中。我尝试过使用event.stopPropagation();并尝试检测文档中的点击，但我的javascript知识确实有限，所以我要么根本无法显示.NavMenu，要么在外面单击.NavMenu关闭，但汉堡包菜单仍然保持打开状态有人能帮我如何使菜单关闭时，点击外的div，也将触发复选框？

浏览 5提问于2017-08-31得票数 0

回答已采纳

1回答

有可能改变切换的速度吗？

css、css-transitions

我有一个下拉菜单，带有以下css：当点击菜单/汉堡包图标时，下拉菜单就会切换，过渡就会非常出色。但是，如果再次单击菜单/汉堡包图标来关闭下拉菜单(切换关闭)，我希望过渡是即时0s。是否可以改变速度，切换关闭，只使用CSS (没有复杂的动画)？

浏览 1提问于2018-10-28得票数 0

回答已采纳

1回答

当当前类在JavaScript中处于非活动状态时如何不允许单击函数？

javascript

在移动视图中，当您单击“关闭”图标时，会出现“汉堡包”菜单，用户单击它打开的图标。关门了。我怎样才能做到这一点？任何帮助都是非常感谢的。function() { document.querySelecto

浏览 1提问于2021-08-29得票数 1

回答已采纳

2回答

当您关闭hamburgerCSS sidenav时动画MaterializeCSS？

javascript、jquery、html、css

我使用汉堡包css 作为我的汉堡包菜单在我的网站。打开和关闭动画工作良好，它正确地打开/关闭材质。我找不到sidenav关闭的状态。我相信最好的方法是找到siden

浏览 7提问于2017-03-21得票数 2

3回答

如何关闭引导3下拉时，我们点击外面的平板电脑？

javascript、jquery、twitter-bootstrap、twitter-bootstrap-3

我正在做这件事，它在桌子上工作得很好： $(".dropdown-toggle").removeClass("open");但在iPad上，它不起作用，我的下拉列表仍然打开

浏览 8提问于2015-01-29得票数 2

回答已采纳

1回答

Mobilenavi empty - drupal 8

drupal、responsive、drupal-8

一切正常，除了移动菜单。它仍然是空白的，见截图。我没有对它做任何调整。 

浏览 1提问于2016-10-02得票数 0

1回答

CSS FadeIn和FadeOut只点击css (100%纯)，如果不可能，尽可能减少资源(没有jquery，也没有js到动画)。

css、css-animations

当我单击hamburguer菜单显示侧边栏时，我试图制作一个100%纯css动画、fadein和fadeout (背景应该显示500毫秒的不透明度)(类似jquery )，当我在侧栏内单击关闭菜单时(背景应该在这是一个非常简单的代码，为了打开菜单，我将事件放在汉堡包图标onclick=‘$(’#菜单项-背景‘).fadeIn(500)；’接近关闭时，我将onclick=‘$(’#菜单-背景‘).fadeout(200

浏览 5提问于2022-05-13得票数 -1

1回答

在触摸纯CSS3上关闭子菜单

css、submenu、touchscreen

我只是想知道是否可以通过再次点击它的名称来关闭子菜单？我正在做一个网站的水平菜单，里面只有几个子菜单。On li:hover -子菜单打开，如果另一个元素被触摸，则关闭。但是如何通过点击相同的列表项来关闭相同的菜单呢？在纯CSS3上可以做到这一点吗？谢谢。

浏览 0提问于2013-02-25得票数 0

回答已采纳

1回答

JS同步类？如果一个元素有一个类，另一个元素也应该有一个类

javascript、html、css

我有一个导航汉堡，当点击(使用CSS和JS)时，它会转换为X，并打开一个下拉菜单。汉堡和下拉菜单仅在特定媒体查询中可见。因此，如果您通过单击汉堡包打开菜单，调整窗口大小使汉堡包和菜单消失，重新调整它的大小(汉堡包再次出现，但菜单不会显示，因为它会自动关闭)，汉堡包仍然显示为X，因为它不会更新。我注意到下拉菜单(我没有编写)有一个类分配给它，这取决于它是否打开。<e

浏览 15提问于2020-05-06得票数 1

回答已采纳

1回答

响应式菜单快速关闭

javascript、php、css、wordpress

我的响应菜单有一个问题，当我点击菜单图标时，它会向下滚动，并在一秒钟内迅速关闭。这很奇怪，因为它发生在主页上，但在其余页面中，当我单击菜单时，它会向下滚动，并且不会关闭，所以这是一个很好的观点。>/assets/css/ionicons.min.css" /> <link rel="stylesheet" href="<?>&#

浏览 30提问于2019-02-19得票数 1

1回答

打开jquery动画菜单，但不会关闭

jquery

我有一个移动菜单，当点击汉堡包时，它会从视图的右边打开。但随后点一下汉堡包就什么都没有了。它应该将菜单动画到关闭的位置。我尝试过许多变体，但都没有成功。"click", function(){ $('#menu').animate({ width:'220' }, 500).cssclick&qu

浏览 1提问于2016-02-19得票数 0

回答已采纳

1回答

如何停止位置:固定跳转到顶部

javascript、jquery、css

我正在为我的网站开发汉堡侧边栏菜单。这是我目前的工作。我搜索并尝试了很多次，但是没有使用任何纯css方法。

浏览 0提问于2019-01-23得票数 1

1回答

反应:点击链接时关闭汉堡包菜单

javascript、html、reactjs

我正在尝试实现以下场景当前，当用户单击汉堡包菜单时，用户将被导航到特定页面，但当用户在主页上单击菜单中的主页链接时，则汉堡包菜单将保持打开状态。我想关闭/隐藏/关闭菜单，即使用户在同一个页面上点击相同的链接。例如:如果用户在主页上并单击菜单中的主页链接，则菜单应关闭。

浏览 3提问于2017-10-23得票数 0

点击加载更多