Вопрос? Задержка кода

Добрый вечер, подскажите пожалуйста написал

Spoiler: вот такой кодик

Code:

      <script type='text/javascript'>
          
          
          $(document).ready(function()
    {
    var flag=true;
    $("#mod").click(function()
        {
            if(flag==true)
            {
                $("#logform").slideUp();
                flag=!flag;
            }
            else
            {
                $("#logform").slideDown();
                flag=!flag;
            }
    });
});
    </script>

, для вывода

Spoiler: такого меню

при нажатии кнопки мой кабинет.
Но после перезагрузки страницы первое нажатие на мой кабинет не выводит меню, а только после двух нажатий на кнопку оно появляется.

Spoiler: Кнопка

HTML:

[not-group=5]<i class="fa fa-cog"></i> <span id="mod">Мой кабинет</span>[/not-group]

Spoiler: Код в login.tpl

HTML:

[not-group=5]

<div id="logform" style="display: none;">
                    <ul class="loginenter">
                    [group=1]<li><a href="{admin-link}"><span class="glyphicon glyphicon-log-out"></span> Админпанель</a></li>[/group]
                    <li class="admin"><a href="{favorites-link}" title="Ваши закладки на сайте"><span class="glyphicon glyphicon-bookmark"></span> Закладки</a></li>
                    <li><a href="/subnews/" target="_self" title=""><span class="glyphicon glyphicon-ok-sign" title=""></span> Подписки</a></li>
                    <li><a href="/index.php?do=orderdesc" target="_self" title=""><span class="glyphicon glyphicon-cloud-upload" title=""></span> Добавить видео</a></li>                         
                    <li><a href="{logout-link}"><span class="glyphicon glyphicon-log-out"></span> Выход</a></li>                   
                </ul>
            </div>
[/not-group]

Что исправить ?

 

Спасибо именно то что нужно!

 

Так, при нажатии на меню ничего не происходит.

 

Так все отлично работает, тоже спасибо!

А в чем разница между твоим кодом и моим?
Может в загрузке, и какой лучше использовать?