Настроить / отформатировать навигационную панель, когда она не свернута (сворачивается навигационная панель).MVC

Question

У меня проблемы с форматированием элементов списка внутри неупорядоченного списка nav navbar-nav.Когда страница в полном размере, я хочу оставить форматирование как есть.Однако я хочу отформатировать / настроить элементы списка, когда страница сокращена, а элементы списка «исчезают» и «появляются снова» только после того, как пользователь нажимает кнопку переключения.

Я пытался использовать @media (max-width: 767px) , но это не работает.

Может кто-нибудь помочь с этим?

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");
}
});

}