Javascript 通过单击函数使用jQuery切换元素

我想切换单击功能中的元素，以隐藏和显示我的导航栏。我可以使用下面的jQuery代码显示它，但要切换它，它对我不起作用

我试着做了两个函数，一个用来显示，另一个用来隐藏，但都不起作用

$（函数（）{
$（“.navig图标”）。单击(
函数（）{
$（“.second nav”）.css（“显示”、“块”）；
},
函数（）{
$（“.second nav”）.css（“显示”、“无”）；
}
);
});

文件




































而不是这个：

$(".navig-icon").click(
    function() {
        $(".second-nav").css("display","block");
    },
    function() {
        $(".second-nav").css("display","none");
    }
);

你能试试这个吗

$(".navig-icon").click(
    function() {
        $(".second-nav").toggle();
    }
);

试试这个

$('div.navig-icon img').on('click', function (e) {
    $('.second-nav').toggle();
}

您想要什么？要在单击图像时隐藏并显示导航栏，您同时包含三个不同的jQuery版本！这不是问题的根源，但它也不能真正起作用-您应该只包含一个版本（可能是列表中最新的版本，2.1.4）@MohamedFathy我发布了答案，请检查。@CherryDT我测试了一些东西：）