Question

我在我的页面上滑出导航，这是自动加载的，即在页面加载时。我希望它只在用户点击菜单栏时打开（在我的情况下是汉堡包标志）。

Html代码：

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

js code：

$(document).ready(function() {
    $(".fa-times").click(function() {
        $(".sidebar_menu").addClass("hide_menu");
        $(".toggle_menu").addClass("opacity_one");
    });
    $(".toggle_menu").click(function() {
        $(".sidebar_menu").removeClass("hide_menu");
        $(".toggle_menu").removeClass("opacity_one");
    });
});

Answer 1

我认为您需要在HTML中添加类hide_menu，以便在加载页面时隐藏sidebar_menu。所以修改HTML如：

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

自动滑出导航加载？

1 个答案: