У меня есть приложение C# webforms с боковой панелью навигации, которая отображается по умолчанию, но при нажатии кнопки переключения она скрывается и отображается при повторном нажатии кнопки переключения.
Javascript на моей странице site.master
$(document).ready(function () {
$('#sidebarCollapse').on('click', function () {
$('#sidebar').toggleClass('active');
});
CSS
#sidebar {
min-width: 300px;
max-width: 300px;
height:100vh;
background: #158CBA;
color: white;
transition: all 0.3s;
}
#sidebar.active {
margin-left: -300px;
}
Я попытался добавить атрибут со значением true или false в Site.Master
$(document).ready(function () {
$('#sidebarCollapse').on('click', function () {
$('#sidebar').toggleClass('active');
});
if ($('#sidebar').hasClass('active')){
$('#sidebar').attr('value', true);
}
else {
$('#sidebar').attr('value', false);
}
});
Это мой код на странице содержимого
$(document).ready(function () {
if ($('#sidebar').attr('value') == true) {
$('#sidebar').addClass('active');
}
, но после каждого поста обратно боковая панель навигации, если она была спрятана, не останется скрытой