Accordion save last state on reload

See more:

Javascript

CSS

menu

I'm building a accordion menu and I'm trying to keep the last active state of the accordion on page reload. I've tried javascript (see below) but it doesn't seem to work.

See Codepen here

$(document).ready(function () {
$('.b-accordion').accordion({
header: '.b-accordion__cell',
collapsible: true,
activate: function(e, ui) {
localStorage.setItem('accordion-active', $(this).accordion( "option", "active" ));
},
active: +localStorage.getItem('accordion-active')
});
});

Any help would be appreciated. Thank you!