javascript - 单击显示 Accordion

标签 javascript jquery html css

enter image description here

当我点击 3 行图标时,我目前只有一个返回网站主页的简单链接。我希望能够单击它然后显示一个下拉菜单,以便我可以为该站点选择一系列不同的页面链接。这适用于移动设备。

<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 类,使 NAV 在应用到它时可见。
  • 在汉堡包按钮(三行)上放置一个 javascript 回调,用于将类切换(添加/删除)到 NAV。

关于javascript - 单击显示 Accordion ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43814498/

相关文章:

javascript - 如何将数据传递到动态创建的页面?

javascript - 在 Bootstrap 中添加后,Rails 表单会 POST 而不是 DELETE 吗?

css - IE 奇怪的 float 问题

javascript - 将 Mozila Pdf.js 与 Meteor 集成

Javascript: 'return new' 给我 TypeError:形状不是构造函数

jquery - 验证所需元素,jQuery 星级评定

javascript - 用于多个项目的 Ajax 加载器脚本

java - 使用正则表达式在 Java 中获取 HTML 行的一部分时遇到问题

javascript - Chartjs donut 在图例创建中存在多个数据集问题

javascript - 通过 jQuery 为将来创建的元素添加 CSS 规则