javascript - How to keep the menu state on page reload -
i have following code snippet , wanted know if there possibility update achieving menu behaviour: step 1. on mouse hover link 1 ----> translated 1.5em right (already set); step 2. on link 1 click ----> menu button remain fixed in place @ translated position (done, special @guest271314 ) on page reload too, until new menu button clicked (not set yet) and page loaded . note: next/prev buttons code section, remain unchanged (or can edited if it's must, in order remain functional). note2: have mention in end, solution implemented in wordpress not static html sitepage. $(function () { $('nav ul li').click(function (e) { //set aesthetics (similar :hover) $('nav ul li') .not(".clicked").removeclass('hovered') .filter(this).addclass("clicked hovered") .siblings().toggleclass("clicked hovered", false); }).hover(function () { $(this).addclass(...