How do I keep cookie stored of selected menu item with local storage?
Menu-
<ul class="nav nav-pills">
<li class="active"><a href="#" >Customers</a></li>
<li><a href="#" >Statics</a></li>
<li><a href="#" >payroll</a></li>
</ul>
Toggling active class-
<script type="text/javascript">
$(function () {
$('.nav-pills li').click(function () {
$(this).siblings().removeClass('active');
$(this).addClass('active');
});
});
</script>
Using localstorage I tried-
<script type="text/javascript">
$(function () {
$('.nav-pills li').click(function () {
$(this).siblings().removeClass('active');
var menuactive = localStorage.setItem('mySelectValue', $(this).addClass('active');
$(this).addClass(localStorage.getItem('mySelectValue'));
});
});
</script>
Now this didn't help me.
How do I store active class in local storage? I lose this active class when page is refreshed. This question is asked many times but I didn't get any simple way of doing it.