取消折叠时自定义/格式化导航栏（导航栏折叠折叠在其中）。 MVC

Question

我在格式化nav navbar-nav无序列表中的列表项时遇到麻烦。页面全尺寸时，我想保留格式。但是，我想在页面缩小时格式化/自定义列表项，并且一旦用户单击切换按钮，列表项就会“消失”，而只有“重新出现”。

我尝试使用 @media（最大宽度：767像素），但是它不起作用。

有人可以帮忙吗？

Answer 1

最近我做了类似的事情，但是我使用了jquery，创建了一个cookie，如果关闭则将其设置为0，如果打开则将其设置为1，如下所示：

function toggleSideBar() {
$('#barsMenu').on("click", function () {
    $(this).toggleClass("closed");
    if ($(this).hasClass("closed")) {
        $.cookie('sideBarState', '0', { path: '/' });
    } else {
        $.cookie('sideBarState', '1', { path: '/' });
    }

if ($.cookie('sideBarState')==0) {
    $('#navigation').toggleClass("closed");
    $('#barsMenu').toggleClass("closed");
    $('.body-content').toggleClass("closed");
}
});

}