моя панель навигации выглядит следующим образом:
<nav id = "nav" class="navbar-primary">
<ul class="navbar-primary-menu">
<li>
<a href="/home"></a>
</li>
<li>
<a href="/link1"></a>
</li>
<li>
<a href="/link2"></a>
</li>
</ul>
</nav>
Я сворачиваю панель навигации с помощью JS:
function navbar(){
$('.navbar-primary').toggleClass('collapsed');
};
CSS:
.navbar-primary.collapsed {
width: 55px;
}
Я используюхранилище браузера для хранения переменной, чтобы запомнить, если пользователь свернул панель навигации.вот эта часть:
$(document).ready(function(){
var navbar_state = localStorage.getItem('navbar_state');
if( navbar_state == 'collapsed'){
console.log('collapsed found... collapsing on document ready');
$('.navbar-primary').toggleClass('collapsed');
};
}
Все это прекрасно работает, за исключением того факта, что после каждого обхода навигационная панель полностью раскрывается за доли секунды, затем мой код запускается, и он сворачивается.Как я могу сохранить его полностью свернутым за серверные обходы?