i have sidebar with collapsible menu and i have to remove the auto-collapsible option when the is page reload image is given below,for this i have used the local storage for storing the parent node id but when i click the same parent node then id from local storage should be removed but it don't so please help me out!
javascript code is here:-
<script>
$(document).ready(function () {
$('#sidebarmenu').on('shown.bs.collapse', function () {
let active = $('#sidebarmenu .show')
let arr = []
for (let i = 0; i < active.length; i++) {
let data = $(active[i]).attr('id')
arr.push('#' + data)
}
localStorage.setItem('activeCollapseGroup', JSON.stringify(arr))
})
let last = JSON.parse(localStorage.getItem('activeCollapseGroup'))
console.log("this data is inserted into " + last)
if (last !== null) {
$('#sidebarmenu .collapse').removeClass('show')
for (let i = 0; i < last.length; i++) {
// console.log($('#sidebarmenu a[href="' + last[i] + '"]'))
$('#sidebarmenu a[href="' + last[i] + '"]').on('click', function (key) {
let clickedNode = $('#sidebarmenu a[href="' + last[i] + '"]')[0]
let data = JSON.stringify(clickedNode.getAttribute('href'))
last = last.filter((item) => item === data)
localStorage.setItem('activeCollapseGroup', JSON.stringify(last))
})
}
for (let i = 0; i < last.length; i++) {
$(last[i]).addClass('show')
$('#sidebarmenu a[href="' + last[i] + '"]').attr('aria-expanded', true)
}
}
})
</script>
image is given below:-
localStorage.removeItem('stuff');
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.