javascript - 向移动菜单添加下拉和折叠功能

标签 javascript

困扰我一段时间的一个问题是,默认情况下,在我的主题的移动菜单中,所有菜单项都会自动展开,因此如果您有很多子菜单项,将很难导航。

我试图让我的子菜单项用下拉箭头折叠。看起来相当简单的东西,但在 WordPress 中没有调整它的选项。

我设法在 Header.php 中找到了一些代码,您将在下面找到这些代码

有什么想法可以修改此代码以使我的子菜单项用下拉箭头折叠吗?

谢谢

基督徒

最佳答案

您可以通过 Bootstrap 轻松完成: Bootstrap Dropdowns

或者,您也可以在 css 中隐藏下拉菜单:

li ul{
    display: none;
}

并使用 jQuery 在箭头点击时显示它:

$("li a").click(function(){
    $(this).parent().find("ul").toggle();
});

演示: https://codepen.io/seyyedmojtaba72/pen/VOgmdE

关于javascript - 向移动菜单添加下拉和折叠功能,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56420380/

相关文章:

javascript - 如何中止@cycle/http 驱动程序发出的调用?

javascript - 获取 php 打印的按钮值并通过 javascript 处理它们

javascript - 如何继承javascript匿名函数并分配给变量?

javascript - React Native 上的背景图片和 ScrollView

javascript - 如何从 Javascript 启动两个或多个自定义 URL 协议(protocol)

javascript - 如何在 EmberJS 中正确地从内存中卸载对象?

javascript - 为什么 Javascript insideHTML 自动向我的字符串添加引号?

javascript - 获取文档当前顶部位置

javascript - 加载全屏/最小化网页设计

javascript - 函数声明后如何分配 JavaScript 变量?