Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/82.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,当我点击三行图标时,我现在只有一个简单的链接返回到网站主页。我想能够点击它,然后显示一个下拉菜单,这样我就可以为该网站选择一系列不同的页面链接。这是在手机上工作 <div class="icon"> <ul><a href="home.html"></ul> <img src="img/icons/menu-media.png"/></a> </div> 所以现在这个图标把你链接到一个页面上,除

当我点击三行图标时,我现在只有一个简单的链接返回到网站主页。我想能够点击它,然后显示一个下拉菜单,这样我就可以为该网站选择一系列不同的页面链接。这是在手机上工作

<div class="icon">
    <ul><a href="home.html"></ul>
    <img src="img/icons/menu-media.png"/></a>
</div>
所以现在这个图标把你链接到一个页面上,除了我正在寻找一个下拉菜单,没有别的。我没有使用bootstrap,只使用html、css和基本jQuery。

一种方法:

首先,您需要添加不同页面的链接集合,可能是在NAV>UL中。 将其样式设置为隐藏。 添加一个css类,使导航在应用于它时可见。 在hamburger按钮上放置一个javascript回调,三行切换向NAV添加/删除类。
你能提供更多的上下文和一些或你的代码吗?你是否也在使用像bootstrap这样的框架?你需要展示你遇到问题的代码,也许有人会帮助你。Stack Overflow不是代码编写服务。我会立即更新更新,如果您还需要其他帮助,请告诉我。我的webiste是[www.gavwellis.com],请查看手机大小,您会看到