Пользовательское положение аккордеона в меню — Jquery

** Я разрабатываю мобильную сеть с пользовательским меню выбора, содержащим меню «Аккордеон», с использованием плагина «Аккордеон вертикального меню». Проблема здесь в том, что для того, чтобы увидеть последний элемент в пользовательском меню, непременно нужно прокрутить вниз. Но если я снова нажму пункт меню, он переместится наверх. Куки уже установлены. Я вижу меню, которое я выбрал ранее, просто оно не автоматически прокручивается до предыдущей позиции.

Для приведенного ниже примера. У меня есть 1. Главная и 2. Меню1 и 3. Меню2 и 4. Меню3

I Нажмите Меню 3 и выберите Меню 3.2. Он закрывает меню. После того, как я снова нажму пункт меню. Мне нужно прокрутить вниз, чтобы увидеть выбранное меню. Есть ли способ автоматически прокрутить его до соответствующей позиции?

Спасибо за ваше время и поддержку.**

<div id="slidemenu" class="dcjq-accordion">

            <!--
    <h3>MENU</h3> -->

    <ul class="menu" id="menu-1">
        <li class="parent"><a href="#" rel="external">HOME</a></li>
        <li class="parent"><a href="#">Menu1</a>
                         <ul id="mednu1Id">  
                            <li class="child"><a href="#>Menu1.1</a>
            </li>  
                            <li class="child"><a href="#">Menu1.2</a>
            </li>  
                            <li class="child"><a href="#>Menu1.3</a>
            </li>  
                            <li class="child"><a href="#">Menu1.4</a>
            </li> 
                         </ul>
                     </li> 
                     <li class="parent"><a href="#">Menu2</a>
                         <ul id="mednu2Id">  
                            <li class="child"><a href="#>Menu2.1</a>
            </li>  
                            <li class="child"><a href="#">Menu2.2</a>
            </li>  
                            <li class="child"><a href="#>Menu2.3</a>
            </li>  
                            <li class="child"><a href="#">Menu2.4</a>
            </li> 
                         </ul>
                     </li> 
                     <li class="parent"><a href="#">Menu3</a>
                         <ul id="mednu3Id">  
                            <li class="child"><a href="#>Menu3.1</a>
            </li>  
                            <li class="child"><a href="#">Menu3.2</a>
            </li>  
                            <li class="child"><a href="#>Menu3.3</a>
            </li>  
                            <li class="child"><a href="#">Menu3.4</a>
            </li> 
                         </ul>
                     </li> 
             </ul>
        </div>