How to save the menu position?

Question

JavaScript

How can I save the menu position.
Those. I select the menu, a submenu opens, there I selected the section I needed. As soon as I go through this section, then my menu closes. How to make it save the

Menu position here

<ul>
            <li>
              <button id="cat_but_4" onclick="$('#cat_4').toggle(0,$('#cat_but_4').toggleClass('opened'))"></button>
              <a href="/services/category/4">Студия волос</a>
              <ul id="cat_4">
                <li><span class="outed">•</span> <a href="/services/5">Мастерская точной стрижки Fudge, Гаруса и Лондонской Академии Vidal Sassoon</a></li>
                <li><span class="outed">•</span> <a href="/services/6">Лечебные стрижки</a></li>
                <li><span class="outed">•</span> <a href="/services/7">Колористика класса люкс: все виды окрашивания, мелирования, тонирования от Fudge</a></li>
                <li><span class="outed">•</span> <a href="/services/29">Аппаратные нанотехнологии</a></li>
                <li><span class="outed">•</span> <a href="/services/157">Brazilian Blowout — аминокислотное выпрямление и уход за волосами</a></li>
                <li><span class="outed">•</span> <a href="/services/12">Имидж-студия</a></li>
                <li><span class="outed">•</span> <a href="/services/191">Химическая завивка</a></li>
                <li><span class="outed">•</span> <a href="/services/161">Наши клиенты о Fudge</a></li>
                <li><span class="outed">•</span> <a href="/services/13">Вечерние прически</a></li>
                <li><span class="outed">•</span> <a href="/services/192">Долговременная укладка волос — карвинг</a></li>
                <li><span class="outed">•</span> <a href="/services/193">Биозавивка волос</a></li>
                <li><span class="outed">•</span> <a href="/services/221">BOOST UP</a></li>
                <li><span class="outed">•</span> <a href="/services/220">Безсульфатные шампуни</a></li>
              </ul>
            </li>
            <li>
              <button id="cat_but_16" onclick="$('#cat_16').toggle(0,$('#cat_but_16').toggleClass('opened'))"></button>
              <a href="/services/category/16">Волновая методика лечения волос и кожи головы</a>
              <ul id="cat_16">
                <li><span class="outed">•</span> <a href="/services/125">Fudge Head SPA — австралийская технология в лечении волос</a></li>
                <li><span class="outed">•</span> <a href="/services/177">Head SPA SUI — японская технология в лечении волос</a></li>
                <li><span class="outed">•</span> <a href="/services/200"> Новая эра в уходе за инсточенными и редеющими волосами - NIOXIN</a></li>
              </ul>
            </li>
</ul>

Answer 1

I needed to write it like:

<script type="text/javascript">   
$(function () {
  $("#cat_4 a, #cat_16 a").filter("[href='" + location.href + "']").addClass("opened");
});
    </script>