too long

Question

I have following script that adds current class to <li> in a Joomla based website:

$(function(){
  $("#slide-menu > li ").click(function(e){
    e.preventDefault();
    $("#slide-menu > li ").addClass("current").not(this).removeClass("current");
  });
});

But when I click on the link page refresh and current class disappear Here is my html:

<ul id="slide-menu" class="menu menu-sidebar">
  <li class="level1 item187">
    <a class="level1" href="/plastikovye-okna-i-dveri/other/plastikovye-okna-i-dveri">
     <span>Пластиковые окна</span>
    </a>
  </li>
  <li class="level1 item188">
    <a class="level1" href="/plastikovye-okna-i-dveri-2/uncategorised/okna-rehau">
     <span>Входные двери</span>
    </a>
  </li>
</ul>

Answer 1

after the page refresh it will load everything again, so you can't keep it , but you can follow one of those three methods to achieve this:

1. sending an ajax call to the server and save it there
2. save the value to cookies and in your script when it loads it should check if that cookie exists and load the value from it
3. match the current selected elements from the requested URL.

Good luck